.elementor-64 .elementor-element.elementor-element-19897490{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:5px;--padding-right:5px;}.elementor-64 .elementor-element.elementor-element-19897490::before, .elementor-64 .elementor-element.elementor-element-19897490 > .elementor-background-video-container::before, .elementor-64 .elementor-element.elementor-element-19897490 > .e-con-inner > .elementor-background-video-container::before, .elementor-64 .elementor-element.elementor-element-19897490 > .elementor-background-slideshow::before, .elementor-64 .elementor-element.elementor-element-19897490 > .e-con-inner > .elementor-background-slideshow::before, .elementor-64 .elementor-element.elementor-element-19897490 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-64 .elementor-element.elementor-element-19897490.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-64 .elementor-element.elementor-element-e5da3bb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64 .elementor-element.elementor-element-b1e03c3{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}@media(min-width:768px){.elementor-64 .elementor-element.elementor-element-19897490{--width:100%;}.elementor-64 .elementor-element.elementor-element-e5da3bb{--content-width:900px;}}@media(max-width:1024px){.elementor-64 .elementor-element.elementor-element-b1e03c3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-64 .elementor-element.elementor-element-b1e03c3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for mphbe-checkout, class: .elementor-element-5bef621 *//* ================================
   Sugar Mill - Complete Booking Page
================================ */

.complete_booking {
    max-width: 1080px;
    margin: 0 auto;
    padding: 40px 20px 70px;
}

/* Hide logged-in message */
.complete_booking .mphb-login-form-wrap {
    display: none;
}

/* Section cards */
.complete_booking .mphb-checkout-section,
.complete_booking .mphb-room-details {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    padding: 28px;
    margin-bottom: 30px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
}

.complete_booking .mphb-room-number {
    display: none;
}

/* Nested room card */
.complete_booking .mphb-room-details {
    background: #fffdf8;
    box-shadow: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 20px;
}


.complete_booking .mphb-room-type-title,
.complete_booking .mphb-guest-name-wrapper,
.complete_booking .mphb-services-details {
    grid-column: 1 / -1;
}

.complete_booking .mphb-adults-chooser,
.complete_booking .mphb-children-chooser {
    margin: 0;
}

.complete_booking .mphb-services-details {
    margin-top: 22px;
}

.complete_booking .mphb-services-details-title {
    margin-top: 10px;
    margin-bottom: 16px;
}


.complete_booking .mphb-room-type-title {
    font-size: 15px;
    font-weight: 600;
    color: #334155;
    margin: 0;
}


/* Services list */

.complete_booking .mphb_sc_checkout-services-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.complete_booking .mphb_sc_checkout-services-list li {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e8d8a8;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.complete_booking .mphb_sc_checkout-services-list li > label:first-child {
    margin: 0;
}

.complete_booking .mphb_sc_checkout-services-list select,
.complete_booking .mphb_sc_checkout-services-list input[type="number"] {
    width: 80px;
    padding: 8px 10px;
    border-radius: 8px;
}

.complete_booking .mphb_sc_checkout-services-list input[type="checkbox"] {
    width: auto;
    margin-right: 8px;
}

/* Headings */
.complete_booking h3,
.complete_booking h4 {
    color: #0f172a;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 20px;
}

/* Dates */
.complete_booking .mphb-check-in-date,
.complete_booking .mphb-check-out-date {
    display: inline-block;
    margin-right: 24px;
    color: #334155;
    font-size: 14px;
}

/* Inputs */
.complete_booking input[type="text"],
.complete_booking input[type="email"],
.complete_booking input[type="tel"],
.complete_booking input[type="number"],
.complete_booking select,
.complete_booking textarea {
    width: 100%;
    border: 1px solid #d6b35f;
    border-radius: 10px;
    padding: 13px 14px;
    background: #ffffff;
    color: #0f172a;
}

/* Labels */
.complete_booking label {
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
    display: inline-block;
}




/* Price breakdown */
.complete_booking .mphb-price-breakdown {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 14px;
}

.complete_booking .mphb-price-breakdown th,
.complete_booking .mphb-price-breakdown td {
    padding: 16px;
    border-color: #e2e8f0;
}

.complete_booking .mphb-price-breakdown-total th {
    background: #fff8e6;
    font-weight: 800;
}

/* Prices */
.complete_booking .mphb-price,
.complete_booking .mphb-total-price-field {
    color: #b8860b;
    font-weight: 800;
}

/* Booking info highlight */
.complete_booking .mphb-checkout-text-wrapper {
    background: #fff8e6;
    border-color: #e1d5b7;
}

/* Customer details grid */
.complete_booking .mphb-customer-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 20px;
}

.complete_booking .mphb-customer-details-title,
.complete_booking .mphb-required-fields-tip,
.complete_booking .mphb-customer-country,
.complete_booking .mphb-customer-note {
    grid-column: 1 / -1;
}

.complete_booking .mphb-customer-details p {
    margin: 0;
}

/* Total price */
.complete_booking .mphb-total-price {
    background: #0f172a;
    color: #ffffff;
    border-radius: 18px;
    padding: 20px 24px;
    margin: 28px 0;
    font-size: 18px;
    font-weight: 800;
}

.complete_booking .mphb-total-price .mphb-price {
    color: #f2c14e;
}

/* Terms */
.complete_booking .mphb-checkout-terms-wrapper {
    background: #ffffff;
    border-radius: 18px;
    padding: 22px 24px;
}

/* Submit button */
.complete_booking .mphb_sc_checkout-submit-wrapper {
    margin-top: 24px;
}

.complete_booking input[type="submit"] {
    width: 100%;
    background: #b8860b !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 16px 28px !important;
    font-weight: 800 !important;
    font-size: 15px;
}

.complete_booking input[type="submit"]:hover {
    background: #0f172a !important;
}

/* Mobile */
@media (max-width: 768px) {
    .complete_booking {
        padding: 28px 14px 50px;
    }

    .complete_booking .mphb-checkout-section,
    .complete_booking .mphb-room-details {
        padding: 20px;
        border-radius: 18px;
        display: block;
    }

    .complete_booking .mphb-customer-details {
        display: block;
    }

    .complete_booking .mphb-customer-details p,
     .complete_booking .mphb-room-details p {
        margin-bottom: 16px;
    }

    .complete_booking .mphb-check-in-date,
    .complete_booking .mphb-check-out-date {
        display: block;
        margin-right: 0;
    }
    
    .complete_booking .mphb_sc_checkout-services-list li {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .complete_booking .mphb_sc_checkout-services-list select,
    .complete_booking .mphb_sc_checkout-services-list input[type="number"] {
        width: 100%;
    }
}




/* ================================
   SUCCESS STATE (Booking Confirmed)
================================ */

/* Main Title */
.mphb-reservation-submitted-title {
  font-size: 32px;
  font-weight: 800;
  color: #065f46; /* deep green = success */
  text-align: center;
  margin-bottom: 12px;
  position: relative;
}

/* Optional check icon above title */
.mphb-reservation-submitted-title::before {
  content: "✓";
  display: block;
  font-size: 42px;
  color: #10b981;
  margin-bottom: 10px;
}

/* Message box */
.mphb_sc_checkout-success-reservation-message {
  max-width: 720px;
  margin: 0 auto;
  background: #ecfdf5; /* soft green background */
  border: 1px solid #bbf7d0;
  border-radius: 16px;
  padding: 24px 28px;
  text-align: center;
  color: #064e3b;
  font-size: 16px;
  line-height: 1.6;
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.08);
}

/* Highlight important details (like email or booking ID) */
.mphb_sc_checkout-success-reservation-message strong {
  color: #047857;
  font-weight: 700;
}

/* Add spacing below whole success block */
.mphb-reservation-submitted-title + .mphb_sc_checkout-success-reservation-message {
  margin-top: 16px;
  margin-bottom: 40px;
}/* End custom CSS */