/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 16 2025 | 07:06:35 */
/* =========================================
   172 Powers – Reservation Received Page
   Page: /booking-confirmation/reservation-received/
   Palette:
   - Deep Wine:    #481D24
   - Primary Red:  #C5283D
   - Neutral Gray: #7A7A7A
   - Accent Gold:  #FFC857
   ========================================= */

/* ---------- Global layout for this page ---------- */

body.page-id-49 {
    background: #f9f5f3;
    color: #481D24;
}

/* Center and tighten the main content */
.page-id-49 #content.site-main {
    max-width: 900px;
    margin: 3rem auto 4rem;
    padding: 0 1.5rem 3rem;
}

/* Page header */
.page-id-49 .page-header {
    text-align: center;
    margin-bottom: 2.3rem;
}

.page-id-49 .page-header .entry-title {
    font-family: "Roboto Slab", serif;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #481D24;
    margin: 0;
    padding-bottom: 0.75rem;
    position: relative;
}

.page-id-49 .page-header .entry-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin: 0.45rem auto 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #C5283D, #FFC857);
}

/* ---------- Outer wrapper for confirmation content ---------- */

.page-id-49 .mphb_sc_booking_confirmation {
    background: #ffffff;
    border-radius: 20px;
    padding: 1.8rem 1.7rem 2.3rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

/* Grid layout: success banner + two columns */
@media (min-width: 860px) {
    .page-id-49 .mphb_sc_booking_confirmation {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
        column-gap: 1.9rem;
        row-gap: 1.6rem;
    }

    .page-id-49 .mphb-payment-messages {
        grid-column: 1 / -1;
    }

    .page-id-49 .mphb-booking-details-section.booking,
    .page-id-49 .mphb-booking-details-section.payment {
        margin-top: 0;
    }
}

/* Stack nicely on mobile */
@media (max-width: 859px) {
    .page-id-49 .mphb_sc_booking_confirmation {
        padding: 1.7rem 1.25rem 2.1rem;
    }

    .page-id-49 .mphb-booking-details-section {
        margin-top: 1.4rem;
    }
}

/* ---------- Success / info message ---------- */

.page-id-49 .mphb-payment-messages {
    margin-bottom: 1.4rem;
}

.page-id-49 .mphb-payment-messages p {
    margin: 0;
    padding: 0.85rem 1rem 0.9rem 1.05rem;
    border-radius: 14px;
    background: linear-gradient(
        135deg,
        rgba(197, 40, 61, 0.08),
        rgba(255, 200, 87, 0.16)
    );
    color: #481D24;
    font-size: 0.95rem;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

/* Little check / status icon */
.page-id-49 .mphb-payment-messages p::before {
    content: "✓";
    flex: 0 0 22px;
    height: 22px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(197, 40, 61, 0.75);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: #C5283D;
}

/* ---------- Card sections: Booking Details & Payment Details ---------- */

.page-id-49 .mphb-booking-details-section {
    border-radius: 18px;
    background: #fdfbfa;
    border: 1px solid rgba(72, 29, 36, 0.08);
    padding: 1.4rem 1.35rem 1.45rem;
}

/* Slight variation between cards */
.page-id-49 .mphb-booking-details-section.booking {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}

.page-id-49 .mphb-booking-details-section.payment {
    background: #ffffff;
}

/* Section titles */
.page-id-49 .mphb-booking-details-title {
    margin: 0 0 0.9rem;
    font-family: "Roboto Slab", serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #481D24;
}

/* Underline accent for titles */
.page-id-49 .mphb-booking-details-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    margin-top: 0.4rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #C5283D, #FFC857);
}

/* ---------- Key/Value list styling ---------- */

.page-id-49 .mphb-booking-details-section .mphb-booking-details {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Each line item */
.page-id-49 .mphb-booking-details-section .mphb-booking-details li {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 0.6rem;
    font-size: 0.92rem;
    padding: 0.3rem 0;
}

/* Label */
.page-id-49 .mphb-booking-details-section .mphb-booking-details .label {
    flex: 0 0 auto;
    min-width: 90px;
    max-width: 45%;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7A7A7A;
}

/* Value */
.page-id-49 .mphb-booking-details-section .mphb-booking-details .value {
    flex: 1 1 auto;
    text-align: right;
    color: #481D24;
}

/* Price value using plugin's .mphb-price */
.page-id-49 .mphb-booking-details-section .mphb-booking-details .booking-price .value .mphb-price,
.page-id-49 .mphb-booking-details-section .mphb-booking-details .payment-number .mphb-price {
    font-weight: 700;
}

/* Stronger emphasis on the total */
.page-id-49 .booking-price .value .mphb-price {
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    background: rgba(197, 40, 61, 0.08);
}

/* ---------- Status pills ---------- */

/* Booking status – “Confirmed” */
.page-id-49 .booking-status .value {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    padding: 0.18rem 0.7rem;
    border-radius: 999px;
    background: rgba(0, 150, 102, 0.08);
    color: #0b5d3b;
    font-weight: 600;
    font-size: 0.82rem;
}

/* Little dot in front of status text */
.page-id-49 .booking-status .value::before {
    content: "";
    flex: 0 0 8px;
    height: 8px;
    border-radius: 50%;
    background: #18a05b;
}

/* Payment status – “On Hold” */
.page-id-49 .mphb-booking-details-section.payment .mphb-booking-details li:last-child .value {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    padding: 0.18rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 200, 87, 0.12);
    color: #7A5B12;
    font-weight: 600;
    font-size: 0.82rem;
}

.page-id-49 .mphb-booking-details-section.payment .mphb-booking-details li:last-child .value::before {
    content: "";
    flex: 0 0 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFC857;
}

/* ---------- Accommodation / Details line ---------- */

.page-id-49 .accommodations {
    margin-top: 0.9rem;
    padding-top: 0.7rem;
    border-top: 1px dashed rgba(72, 29, 36, 0.18);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.6rem;
    font-size: 0.9rem;
}

.page-id-49 .accommodations-title {
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7A7A7A;
}

.page-id-49 .accommodations-list {
    flex: 1 1 auto;
}

.page-id-49 .accommodations-list a {
    color: #C5283D;
    font-weight: 600;
    text-decoration: none;
}

.page-id-49 .accommodations-list a:hover {
    text-decoration: underline;
}

/* ---------- Link & typography tweaks ---------- */

.page-id-49 a {
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.page-id-49 a:hover {
    text-decoration-thickness: 2px;
}

/* Make sure nested lists / elements don't blow up spacing */
.page-id-49 .mphb-booking-details-section *:last-child {
    margin-bottom: 0;
}

/* ---------- Small-screen refinements ---------- */

@media (max-width: 600px) {

    .page-id-49 #content.site-main {
        margin-top: 2.3rem;
        margin-bottom: 3rem;
        padding: 0 1.2rem 2.4rem;
    }

    .page-id-49 .mphb-booking-details-section {
        padding: 1.3rem 1.1rem 1.35rem;
        border-radius: 16px;
    }

    .page-id-49 .mphb-booking-details-section .mphb-booking-details li {
        align-items: flex-start;
    }

    .page-id-49 .mphb-booking-details-section .mphb-booking-details .value {
        text-align: left;
    }

    .page-id-49 .booking-status .value,
    .page-id-49 .mphb-booking-details-section.payment .mphb-booking-details li:last-child .value {
        justify-content: flex-start;
    }
}

/* 172 Powers – Remove stray right borders on confirmation values */
.page-id-49 .mphb-booking-details-section .mphb-booking-details .value,
.page-id-49 .mphb-booking-details-section .mphb-booking-details .value *,
.page-id-49 .mphb-booking-details-section .mphb-booking-details .value::before,
.page-id-49 .mphb-booking-details-section .mphb-booking-details .value::after {
    border-right: none !important;
    border-left: none !important; /* safety, in case theme uses left instead */
    box-shadow: none !important;  /* safety, in case it's a shadow mimicking a border */
}

.page-id-49 .mphb-booking-details-section .mphb-booking-details li {
    border-right: none !important;
	margin-right: none !important;
}