.elementor-3168 .elementor-element.elementor-element-2744c49{background-color:#F4F4F4;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-3168{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3168 .dialog-message{width:454px;height:auto;}#elementor-popup-modal-3168 .dialog-close-button{display:flex;}#elementor-popup-modal-3168 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-2744c49 *//* =====================================================
   BOOKING POPUP — FINAL RESPONSIVE
===================================================== */

.booking-popup-overlay{
    position:fixed !important;
    inset:0 !important;

    display:none !important;
    align-items:center !important;
    justify-content:center !important;

    padding:15px !important;
    box-sizing:border-box !important;

    background:rgba(0,0,0,.48) !important;

    z-index:999999 !important;

    overflow:hidden !important;
}

.booking-popup-overlay.active{
    display:flex !important;
}


/* =====================================================
   POPUP
===================================================== */

.booking-popup{
    position:relative !important;

    width:600px !important;
    max-width:calc(100vw - 30px) !important;

    height:auto !important;
    max-height:calc(100vh - 30px) !important;

    margin:auto !important;
    padding:0 !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    background:#f4f4f4 !important;

    border-radius:7px !important;

    box-shadow:0 15px 40px rgba(0,0,0,.30) !important;
}


/* =====================================================
   FORM
===================================================== */

.booking-form{
    width:100% !important;
    max-width:100% !important;

    padding:24px 26px 20px !important;
    margin:0 !important;

    box-sizing:border-box !important;

    background:#f4f4f4 !important;

    font-family:Georgia,"Times New Roman",serif !important;

    overflow:hidden !important;
}

.booking-form p{
    margin:0 !important;
    padding:0 !important;
}

.booking-form br{
    display:none !important;
}


/* =====================================================
   HEADING
===================================================== */

.booking-form h2{
    margin:0 0 16px !important;
    padding:0 !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:27px !important;
    line-height:1.1 !important;

    font-weight:700 !important;

    color:#222 !important;
}


/* =====================================================
   LABELS
===================================================== */

.booking-form label{
    display:block !important;

    margin:0 0 4px !important;
    padding:0 !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:15px !important;
    line-height:1.1 !important;

    color:#666 !important;
}


/* =====================================================
   CF7 WRAPPER
===================================================== */

.booking-form .wpcf7-form-control-wrap{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
}


/* =====================================================
   ALL FIELDS
===================================================== */

.booking-form input[type="text"],
.booking-form input[type="tel"],
.booking-form input[type="date"],
.booking-form input[type="number"]{

    display:block !important;

    width:100% !important;

    height:45px !important;
    min-height:45px !important;
    max-height:45px !important;

    padding:0 12px !important;

    margin:0 0 6px !important;

    box-sizing:border-box !important;

    border:1px solid #ccc !important;

    border-radius:2px !important;

    background:#f4f4f4 !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:16px !important;
    font-weight:400 !important;

    color:#444 !important;

    outline:none !important;
}

.booking-form input::placeholder{
    color:#888 !important;
    opacity:1 !important;
}


/* =====================================================
   DATE + TRAVELLERS
===================================================== */

.booking-row{
    display:flex !important;

    width:100% !important;

    gap:18px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
}

.booking-field{
    width:50% !important;

    min-width:0 !important;

    flex:1 1 0 !important;
}


/* =====================================================
   BUTTONS
===================================================== */

.booking-buttons{
    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:flex-end !important;

    gap:8px !important;

    width:100% !important;

    margin:3px 0 0 !important;
    padding:0 !important;

    box-sizing:border-box !important;

    overflow:visible !important;
}

.booking-buttons .wpcf7-form-control-wrap{
    display:contents !important;
}


/* =====================================================
   ONE WHATSAPP BUTTON
===================================================== */

.booking-buttons .whatsapp-btn{

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:230px !important;
    min-width:230px !important;
    max-width:230px !important;

    height:46px !important;

    padding:0 8px !important;
    margin:0 !important;

    box-sizing:border-box !important;

    border:1px solid #ccc !important;
    border-radius:2px !important;

    background:#f4f4f4 !important;

    color:#444 !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:15px !important;
    font-weight:600 !important;

    line-height:1 !important;

    text-decoration:none !important;

    white-space:nowrap !important;

    flex:0 1 230px !important;
}

.booking-buttons .whatsapp-btn:hover{
    background:#eeeeee !important;
    color:#444 !important;
}


/* =====================================================
   SEND BUTTON
===================================================== */

.booking-form input[type="submit"].send-btn{

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:135px !important;
    min-width:135px !important;
    max-width:135px !important;

    height:46px !important;

    padding:0 8px !important;
    margin:0 !important;

    box-sizing:border-box !important;

    border:0 !important;
    border-radius:2px !important;

    background:#2798b8 !important;

    color:#fff !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:16px !important;
    font-weight:700 !important;

    line-height:1 !important;

    cursor:pointer !important;

    flex:0 1 135px !important;
}

.booking-form input[type="submit"].send-btn:hover{
    background:#218aa8 !important;
}


/* =====================================================
   CLOSE BUTTON
===================================================== */

.booking-popup-close{
    position:absolute !important;

    top:7px !important;
    right:9px !important;

    width:28px !important;
    height:28px !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#333 !important;

    font-family:Arial,sans-serif !important;

    font-size:24px !important;
    line-height:28px !important;

    cursor:pointer !important;

    z-index:999 !important;
}


/* =====================================================
   CF7 RESPONSE
===================================================== */

.booking-form .wpcf7-response-output{
    margin:5px 0 0 !important;
    padding:4px !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:12px !important;
}


/* =====================================================
   ELEMENTOR POPUP
===================================================== */

.elementor-popup-modal .dialog-widget-content{

    width:600px !important;
    max-width:calc(100vw - 30px) !important;

    height:auto !important;
    min-height:0 !important;

    max-height:calc(100vh - 30px) !important;

    padding:0 !important;
    margin:auto !important;

    overflow:hidden !important;
}

.elementor-popup-modal .dialog-message{

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    max-height:calc(100vh - 30px) !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (min-width:601px) and (max-width:1024px){

    .booking-popup,
    .elementor-popup-modal .dialog-widget-content{

        width:560px !important;
        max-width:calc(100vw - 30px) !important;
    }

    .booking-form{
        padding:22px 22px 18px !important;
    }

    .booking-form h2{
        font-size:25px !important;
    }

    .booking-form .whatsapp-btn{
        width:210px !important;
        min-width:210px !important;
        max-width:210px !important;
    }

    .booking-form input[type="submit"].send-btn{
        width:130px !important;
        min-width:130px !important;
        max-width:130px !important;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:600px){

    .booking-popup-overlay{
        padding:10px !important;
    }

    .booking-popup,
    .elementor-popup-modal .dialog-widget-content{

        width:100% !important;
        max-width:100% !important;

        max-height:calc(100vh - 20px) !important;
    }

    .booking-form{
        padding:20px 16px 16px !important;
    }

    .booking-form h2{
        font-size:23px !important;
        margin-bottom:14px !important;
    }

    .booking-form label{
        font-size:14px !important;
    }

    .booking-form input[type="text"],
    .booking-form input[type="tel"],
    .booking-form input[type="date"],
    .booking-form input[type="number"]{

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        font-size:15px !important;

        margin-bottom:5px !important;
    }


    /* DATE + TRAVELLERS STACK */

    .booking-row{
        flex-direction:column !important;
        gap:0 !important;
    }

    .booking-field{
        width:100% !important;
    }


    /* BUTTONS STACK */

    .booking-buttons{

        flex-direction:column !important;

        align-items:stretch !important;

        gap:7px !important;
    }

    .booking-buttons .whatsapp-btn,
    .booking-form input[type="submit"].send-btn{

        width:100% !important;

        min-width:100% !important;
        max-width:100% !important;

        flex:1 1 auto !important;

        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;

        font-size:15px !important;
    }
}


/* =====================================================
   VERY SMALL MOBILE
===================================================== */

@media (max-width:380px){

    .booking-form{
        padding:17px 13px 14px !important;
    }

    .booking-form h2{
        font-size:21px !important;
        margin-bottom:12px !important;
    }

    .booking-form label{
        font-size:13px !important;
    }

    .booking-form input[type="text"],
    .booking-form input[type="tel"],
    .booking-form input[type="date"],
    .booking-form input[type="number"]{

        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;

        font-size:14px !important;
    }

    .booking-buttons .whatsapp-btn,
    .booking-form input[type="submit"].send-btn{

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        font-size:14px !important;
    }
}
/* REMOVE EXTRA WHITE SPACE ON RIGHT */
.elementor-popup-modal .dialog-widget-content {
    width: fit-content !important;
    max-width: 95vw !important;
    padding: 0 !important;
    margin: auto !important;
    overflow: hidden !important;
}

.elementor-popup-modal .dialog-message {
    width: fit-content !important;
    max-width: 95vw !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.booking-form {
    width: 670px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* TABLET */
@media (max-width: 768px) {

    .elementor-popup-modal .dialog-widget-content {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .elementor-popup-modal .dialog-message {
        width: 100% !important;
    }

    .booking-form {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* MOBILE */
@media (max-width: 600px) {

    .elementor-popup-modal .dialog-widget-content {
        width: 94vw !important;
        max-width: 94vw !important;
    }

    .booking-form {
        width: 100% !important;
    }
}/* End custom CSS */