.elementor-637 .elementor-element.elementor-element-c3c05b4{--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:1;--padding-top:177px;--padding-bottom:177px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-c3c05b4:not(.elementor-motion-effects-element-type-background), .elementor-637 .elementor-element.elementor-element-c3c05b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://frogmanor.co.uk/wp-content/uploads/2026/04/cd6f285e-d716-4f6a-b214-9e4d833154b7.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-637 .elementor-element.elementor-element-c3c05b4::before, .elementor-637 .elementor-element.elementor-element-c3c05b4 > .elementor-background-video-container::before, .elementor-637 .elementor-element.elementor-element-c3c05b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-637 .elementor-element.elementor-element-c3c05b4 > .elementor-background-slideshow::before, .elementor-637 .elementor-element.elementor-element-c3c05b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-637 .elementor-element.elementor-element-c3c05b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://frogmanor.co.uk/wp-content/uploads/2026/04/Vector-1-1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-637 .elementor-element.elementor-element-0b8ac88{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-637 .elementor-element.elementor-element-74ad635 .heading .heading-title{font-family:"DM Sans", Sans-serif;font-size:6.25rem;font-weight:500;text-transform:none;line-height:1.25em;letter-spacing:-0.02em;color:var( --e-global-color-primary );}.elementor-637 .elementor-element.elementor-element-059c55e{--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;--justify-content:center;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-637 .elementor-element.elementor-element-059c55e{--content-width:1280px;}}@media(max-width:1024px){.elementor-637 .elementor-element.elementor-element-c3c05b4{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-637 .elementor-element.elementor-element-74ad635 .heading .heading-title{font-size:4.5rem;}.elementor-637 .elementor-element.elementor-element-059c55e{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-637 .elementor-element.elementor-element-c3c05b4{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-637 .elementor-element.elementor-element-74ad635 .heading .heading-title{font-size:2.5rem;}.elementor-637 .elementor-element.elementor-element-059c55e{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-059c55e *//* 1. Main Confirmation Container Wrapper */
.mphb_sc_booking_confirmation {
    background: #ffffff;
    padding: 40px;
    border-radius: 8px; /* Matches form containers */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    max-width: 800px;
    margin: 0 auto; /* Centers the block if inside a wider section */
}

/* 2. Success Message Callout */
.mphb_sc_booking_confirmation .mphb-payment-messages p {
    background-color: #f6f8f1; /* Soft tint of the olive brand color */
    color: #6b7240; /* Brand Olive */
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #6b7240;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 40px;
    margin-top: 0;
}

/* 3. Section Separators & Spacing */
.mphb_sc_booking_confirmation .mphb-booking-details-section {
    margin-bottom: 40px;
}

.mphb_sc_booking_confirmation .mphb-booking-details-section:last-of-type {
    margin-bottom: 0;
}

/* 4. Typography & Headings */
.mphb_sc_booking_confirmation .mphb-booking-details-title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #000000;
    margin-bottom: 25px;
    font-weight: 700;
    border-bottom: 2px solid #000000;
    padding-bottom: 10px;
    display: inline-block;
}

/* 5. List Styling (Booking & Payment Details Boxes) */
.mphb_sc_booking_confirmation ul.mphb-booking-details {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fbfbfb;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.mphb_sc_booking_confirmation ul.mphb-booking-details li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
}

.mphb_sc_booking_confirmation ul.mphb-booking-details li:last-child {
    border-bottom: none;
}

/* 6. Labels and Values */
.mphb_sc_booking_confirmation ul.mphb-booking-details .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #444444;
    font-weight: 600;
}

.mphb_sc_booking_confirmation ul.mphb-booking-details .value {
    font-weight: 700;
    color: #000000;
    text-align: right;
}

/* Target Total Price specifically for emphasis */
.mphb_sc_booking_confirmation .booking-price .value,
.mphb_sc_booking_confirmation ul.mphb-booking-details li:nth-child(4) .value {
    font-size: 18px;
}

/* 7. Accommodation Details Block */
.mphb_sc_booking_confirmation .accommodations {
    margin-top: 20px;
    padding: 20px;
    background-color: #fbfbfb;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.mphb_sc_booking_confirmation .accommodations-title {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #444444;
    font-weight: 600;
    margin-bottom: 10px;
}

/* 8. Link Colors (As Requested) */
.mphb_sc_booking_confirmation .accommodations-list a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 16px;
    transition: color 0.3s ease !important;
    display: inline-block;
}

.mphb_sc_booking_confirmation .accommodations-list a:hover {
    color: #6b7240 !important; /* Brand Olive */
}



.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details {
    padding: 20px;
}/* End custom CSS */