/* Amelia booking form (/afspraak-maken/, /en/make-appointment/): [ameliastepbooking]. */

/* 760px form card with sidebar (Amelia --am-mw-main) + 16px gutters, so title and intro line up with the card.
   A narrower container makes Amelia collapse the sidebar. */
.fxt-booking {
    max-width: 792px;
    margin: 0 auto;
    padding: 32px 16px 64px;
    box-sizing: border-box;
}

/* The single page template (Elementor 4733) pulls its content up 67px on tablet, under the 76px header. */
@media (min-width: 768px) and (max-width: 1024px) {
    .fxt-booking {
        padding-top: calc(67px + 32px);
    }
}

/* The Elementor header becomes position:fixed on desktop and would cover the page title. */
@media (min-width: 1025px) {
    .fxt-booking {
        padding-top: calc(67px + 48px);
    }
}

.fxt-booking__title {
    margin: 0 0 12px;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
}

.fxt-booking__intro {
    margin: 0 0 28px;
    font-size: 17px;
    line-height: 1.6;
    color: #1F1F1F;
}

/* Amelia sets margin:100px auto with an id selector, hence the matching specificity. */
.fxt-booking .amelia-v2-booking #amelia-container.am-fs__wrapper {
    margin-top: 0;
}

/* Amelia draws random-coloured initials when an item has no picture; real pictures stay visible. */
.amelia-v2-booking .am-fs__init-item__img:has(> img[src^="data:image"]) {
    display: none;
}