.elementor-1053 .elementor-element.elementor-element-066e922{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:300px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-066e922:not(.elementor-motion-effects-element-type-background), .elementor-1053 .elementor-element.elementor-element-066e922 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://capvanille.re/wp-content/smush-webp/2026/05/Chambre-Vacoa.jpeg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1053 .elementor-element.elementor-element-066e922::before, .elementor-1053 .elementor-element.elementor-element-066e922 > .elementor-background-video-container::before, .elementor-1053 .elementor-element.elementor-element-066e922 > .e-con-inner > .elementor-background-video-container::before, .elementor-1053 .elementor-element.elementor-element-066e922 > .elementor-background-slideshow::before, .elementor-1053 .elementor-element.elementor-element-066e922 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1053 .elementor-element.elementor-element-066e922 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1053 .elementor-element.elementor-element-70e10cc{text-align:center;}.elementor-1053 .elementor-element.elementor-element-70e10cc .elementor-heading-title{color:var( --e-global-color-7358b0b );}.elementor-1053 .elementor-element.elementor-element-dd010a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-f3bc3ac{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-1053 .elementor-element.elementor-element-066e922:not(.elementor-motion-effects-element-type-background), .elementor-1053 .elementor-element.elementor-element-066e922 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS *//* ==================================================
   CAP VANILLE — PAGE CHECKOUT / RÉSERVATION
================================================== */

.mphb_sc_checkout-form{
    max-width:1150px;
    margin:auto;
    padding:80px 20px;
    color:#2d2926;
}

/* =========================================
   SECTIONS
========================================= */

.mphb-checkout-section{
    background:#fffaf5;
    border:1px solid rgba(167,133,87,.14);
    border-radius:30px;
    padding:35px;
    margin-bottom:35px;
    box-shadow:0 20px 60px rgba(0,0,0,.05);
}

/* =========================================
   TITRES
========================================= */

.mphb-booking-details-title,
.mphb-price-breakdown-title,
.mphb-customer-details-title{
    font-size:clamp(28px,4vw,48px);
    font-weight:400;
    line-height:1.1;
    color:#2d2926;
    margin-bottom:28px;
}

/* =========================================
   DATES
========================================= */

.mphb-check-in-date,
.mphb-check-out-date{
    background:#f7f3ee;
    border-radius:18px;
    padding:18px 22px;
    color:#6f675d;
    margin-bottom:18px;
    font-size:15px;
    border:1px solid rgba(167,133,87,.1);
}

.mphb-check-in-date strong,
.mphb-check-out-date strong{
    color:#2d2926;
}

/* =========================================
   BLOC LOGEMENT
========================================= */

.mphb-room-details{
    background:#ffffff;
    border:1px solid rgba(167,133,87,.12);
    border-radius:24px;
    padding:28px;
    margin-top:25px;
}

.mphb-room-number{
    font-size:24px;
    margin-bottom:18px;
    color:#2d2926;
}

.mphb-room-type-title a{
    color:#a78557 !important;
    text-decoration:none !important;
    font-weight:600;
}

.mphb-room-type-title a:hover{
    color:#8c6c42 !important;
}

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

.mphb_sc_checkout-form p{
    margin-bottom:22px;
}

.mphb_sc_checkout-form label{
    display:block;
    margin-bottom:10px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-weight:600;
    color:#7c6950;
}

.mphb_sc_checkout-form input[type="text"],
.mphb_sc_checkout-form input[type="email"],
.mphb_sc_checkout-form select,
.mphb_sc_checkout-form textarea{
    width:100%;
    border:none;
    background:#fff;
    border-radius:18px;
    padding:18px 20px;
    font-size:15px;
    color:#2d2926;
    box-shadow:inset 0 0 0 1px rgba(167,133,87,.16);
    transition:.3s ease;
}

/* textarea */

.mphb_sc_checkout-form textarea{
    min-height:140px;
    resize:vertical;
}

/* focus */

.mphb_sc_checkout-form input:focus,
.mphb_sc_checkout-form select:focus,
.mphb_sc_checkout-form textarea:focus{
    outline:none;
    background:#fff;
    box-shadow:
        inset 0 0 0 1px #a78557,
        0 0 0 4px rgba(167,133,87,.12);
}

/* =========================================
   TABLEAU PRIX
========================================= */

.mphb-price-breakdown{
    width:100%;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:20px;
    background:#fff;
}

.mphb-price-breakdown tr{
    border-bottom:1px solid rgba(167,133,87,.1);
}

.mphb-price-breakdown td,
.mphb-price-breakdown th{
    padding:18px;
    text-align:left;
    font-size:15px;
}

.mphb-price-breakdown-total{
    background:#f7f3ee;
}

.mphb-price-breakdown-total th{
    font-size:18px;
    color:#2d2926;
}

.mphb-price{
    color:#a78557;
    font-weight:700;
}

/* =========================================
   TOTAL FINAL
========================================= */

.mphb-total-price{
    background:#fffaf5;
    border:1px solid rgba(167,133,87,.14);
    border-radius:24px;
    padding:25px;
    font-size:22px;
    color:#2d2926;
    margin-bottom:30px;
}

.mphb-total-price-field{
    color:#a78557;
    font-size:30px;
}

/* =========================================
   ERREURS
========================================= */

.mphb-errors-wrapper{
    background:#fff0f0;
    color:#c0392b;
    border:1px solid rgba(192,57,43,.15);
    padding:18px;
    border-radius:18px;
    margin-bottom:25px;
}

/* =========================================
   BOUTON
========================================= */

.mphb_sc_checkout-submit-wrapper input{
    width:100%;
    height:62px;
    border:none;
    border-radius:999px;
    background:#a78557;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1.5px;
    cursor:pointer;
    transition:.35s ease;
    box-shadow:0 15px 35px rgba(167,133,87,.22);
}

.mphb_sc_checkout-submit-wrapper input:hover{
    background:#8c6c42;
    transform:translateY(-2px);
}

/* =========================================
   ASTERISQUES
========================================= */

.mphb_sc_checkout-form abbr{
    text-decoration:none;
    color:#a78557;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:767px){

    .mphb_sc_checkout-form{
        padding:50px 15px;
    }

    .mphb-checkout-section{
        padding:24px;
        border-radius:24px;
    }

    .mphb-booking-details-title,
    .mphb-price-breakdown-title,
    .mphb-customer-details-title{
        font-size:34px;
    }

    .mphb-total-price{
        font-size:18px;
    }

    .mphb-total-price-field{
        font-size:24px;
    }

}/* End custom CSS */