.elementor-498 .elementor-element.elementor-element-7fe313d9:not(.elementor-motion-effects-element-type-background), .elementor-498 .elementor-element.elementor-element-7fe313d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://brasserietheloft.be/wp-content/uploads/2023/08/img-section-choose.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-498 .elementor-element.elementor-element-7fe313d9 > .elementor-background-overlay{background-color:#C8A96A;opacity:0.961;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-498 .elementor-element.elementor-element-7fe313d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-498 .elementor-element.elementor-element-5b073e1c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-498 .elementor-element.elementor-element-5b073e1c > .elementor-element-populated{margin:100px 0px 100px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-498 .elementor-element.elementor-element-f32baee > .elementor-widget-container{margin:0px 0px 0px 5px;padding:0px 0px 0px 0px;}.elementor-498 .elementor-element.elementor-element-f32baee{z-index:9;text-align:center;}.elementor-498 .elementor-element.elementor-element-8da3bbd > .elementor-widget-container{margin:0px 0px 0px 5px;padding:0px 0px 0px 0px;}.elementor-498 .elementor-element.elementor-element-8da3bbd{z-index:9;text-align:center;}.elementor-498 .elementor-element.elementor-element-64fc78e{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;z-index:9;text-align:center;}.elementor-498 .elementor-element.elementor-element-64fc78e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 25px 0px;}.elementor-498 .elementor-element.elementor-element-64fc78e .elementor-heading-title{font-size:18px;line-height:24px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-498 .elementor-element.elementor-element-5b073e1c > .elementor-element-populated{margin:50px 0px 50px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-498 .elementor-element.elementor-element-f32baee > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-498 .elementor-element.elementor-element-5b073e1c > .elementor-element-populated{margin:30px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-498 .elementor-element.elementor-element-f32baee > .elementor-widget-container{margin:0px 15px 0px 15px;}}/* Start custom CSS for rtb_booking_form, class: .elementor-element-6a7da97 *//* =========================================
   FIVE STAR / RTB RESERVATIEFORMULIER
   Brasserie The Loft
   ========================================= */

/* Hele formulier op volle breedte */
.rtb-booking-form {
    width: 100% !important;
    max-width: 100% !important;
}

/* Algemene styling van fieldsets */
.rtb-booking-form fieldset {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    min-width: 0 !important;
}

/* Legends netjes */
.rtb-booking-form fieldset legend {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* =========================
   RESERVATIE: 3 kolommen
   ========================= */
.rtb-booking-form fieldset.reservation {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    align-items: start !important;
}

.rtb-booking-form fieldset.reservation > legend {
    grid-column: 1 / -1 !important;
}

.rtb-booking-form fieldset.reservation > .rtb-text.date,
.rtb-booking-form fieldset.reservation > .rtb-text.time,
.rtb-booking-form fieldset.reservation > .rtb-select.party {
    float: none !important;
    clear: none !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* =========================
   GEGEVENS: 3 kolommen
   ========================= */
.rtb-booking-form fieldset.gegevens {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    align-items: start !important;
}

.rtb-booking-form fieldset.gegevens > legend {
    grid-column: 1 / -1 !important;
}

.rtb-booking-form fieldset.gegevens > .rtb-text.name,
.rtb-booking-form fieldset.gegevens > .rtb-text.email,
.rtb-booking-form fieldset.gegevens > .rtb-text.phone {
    float: none !important;
    clear: none !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* =========================
   INPUTS / SELECTS
   ========================= */
.rtb-booking-form input[type="text"],
.rtb-booking-form input[type="email"],
.rtb-booking-form input[type="tel"],
.rtb-booking-form select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Labels iets strakker */
.rtb-booking-form label {
    display: block !important;
    margin-bottom: 6px !important;
}

/* =========================
   FOOTER / BUTTON
   ========================= */
.rtb-booking-form fieldset.rtb-form-footer {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

.rtb-booking-form .rtb-form-submit {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 6px !important;
    padding-top: 0 !important;
}

/* Als recaptcha extra ruimte duwt */
.rtb-booking-form #rtb-recaptcha {
    margin-bottom: 8px !important;
}

/* Button compacter */
.rtb-booking-form .rtb-form-submit button,
.rtb-booking-form .rtb-form-submit input[type="submit"] {
    padding: 10px 24px !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* =========================
   MOBIEL
   ========================= */
@media (max-width: 767px) {
    .rtb-booking-form fieldset.reservation,
    .rtb-booking-form fieldset.gegevens {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .rtb-booking-form fieldset.reservation > legend,
    .rtb-booking-form fieldset.gegevens > legend {
        grid-column: 1 !important;
    }
}

/* Mededeling veld tonen over volledige breedte */
.rtb-booking-form fieldset.gegevens > .rtb-textarea,
.rtb-booking-form fieldset.gegevens > .rtb-text.message,
.rtb-booking-form fieldset.gegevens > .rtb-textarea.message,
.rtb-booking-form fieldset.gegevens > .rtb-textarea.notes,
.rtb-booking-form fieldset.gegevens > .rtb-textarea.requests {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* textarea zelf volle breedte */
.rtb-booking-form fieldset.gegevens textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 75px !important;
    box-sizing: border-box !important;
}

/* Titel "Reserveer je tafel" verbergen */
.rtb-booking-form fieldset.reservation legend {
    display: none !important;
}

/* Border textarea gelijk aan andere velden */
.rtb-booking-form textarea {
    border: 3px solid #2e3645 !important;
}

/* Zelfde interne padding als andere velden */
.rtb-booking-form textarea {
    padding: 12px 14px !important;
    box-sizing: border-box !important;
}

/* "Gegevens" titel verbergen */
.rtb-booking-form fieldset.gegevens legend {
    display: none !important;
}/* End custom CSS */