.elementor-987 .elementor-element.elementor-element-fbf9167{--display:flex;}.elementor-widget-mphbe-booking-confirmation .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-booking-confirmation .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-checkout .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-checkout .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for mphbe-checkout, class: .elementor-element-916e5b2 *//* =========================================================
   1. GLOBAL WRAPPER & TYPOGRAPHY
   ========================================================= */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-wrapper {
    font-family: 'Roboto', sans-serif !important;
    color: #444 !important;
    max-width: 1140px;
    margin: 0 auto;
}

/* Cormorant Garamond for all Section Headings */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-checkout-section h3, 
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-checkout-section h4, 
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-booking-details-title,
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-customer-details-title,
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-room-number {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 32px !important;
    color: #222 !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

/* =========================================================
   2. SECTION CARDS (Booking Details, Price, Info)
   ========================================================= */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-checkout-section {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    border: 1px solid  #D3D3D3 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
}

/* =========================================================
   3. TABLE STYLING (Price Breakdown)
   ========================================================= */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-price-breakdown {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 15px;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-price-breakdown td, 
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-price-breakdown th {
    padding: 15px !important;
    border-bottom: 1px solid #D3D3D3 !important;
    text-align: left !important;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-table-price-column {
    text-align: right !important;
    font-weight: 700;
    color: #622E88;
}

/* Total Row Highlight */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-price-breakdown-total th {
    font-size: 20px !important;
    color: #222 !important;
    border-bottom: none !important;
    padding-top: 25px !important;
}

/* =========================================================
   4. FORM FIELDS (Inputs, Selects, Textareas)
   ========================================================= */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form p {
    margin-bottom: 20px !important;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form input[type="text"],
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form input[type="email"],
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form input[type="tel"],
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form select,
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid  #D3D3D3 !important;
    border-radius: 6px !important;
    background-color: #fdfdfd !important;
    font-size: 15px !important;
    color: #444 !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form input:focus,
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form select:focus {
    border-color: #9A70B6 !important;
    outline: none;
}

/* Hide labels and ghost spacing */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-form br { display: none !important; }
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-required-fields-tip { display: none !important; }

/* =========================================================
   5. TOTAL PRICE DISPLAY (Bottom)
   ========================================================= */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-total-price {
    text-align: right !important;
    font-size: 24px !important;
    margin: 30px 0 !important;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-total-price-field {
    color: #622E88 !important;
    font-weight: 800 !important;
    margin-left: 10px;
}

/* =========================================================
   6. SUBMIT BUTTON (The "Book Now" Hero)
   Matches the black-on-hover logic
   ========================================================= */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-submit-wrapper {
    text-align: right !important;
}

.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-submit-wrapper input[type="submit"] {
    font-family: 'Roboto', sans-serif !important;
    width: 100% !important; /* Full width for mobile-friendly impact */
    max-width: 300px;
    padding: 18px 30px !important;
    background-color: #622E88 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    transition: all 0.3s ease !important;
}

/* Hover State: Black background, White text */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-submit-wrapper input[type="submit"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Error Message Styling */
.elementor-987 .elementor-element.elementor-element-916e5b2 .mphb-errors-wrapper {
    background: #fff5f5 !important;
    color: #c53030 !important;
    padding: 15px !important;
    border-radius: 6px !important;
    border-left: 4px solid #c53030 !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

/* =========================================================
   7. RESPONSIVE ADJUSTMENTS
   ========================================================= */
@media (max-width: 767px) {
    .elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-submit-wrapper {
        text-align: center !important;
    }
    
    .elementor-987 .elementor-element.elementor-element-916e5b2 .mphb_sc_checkout-submit-wrapper input[type="submit"] {
        margin: 0 auto !important;
        float: none !important;
    }
}/* End custom CSS */