/* Member bookings: upcoming banner, details modal and rich-text.
   Kept as an external stylesheet so it complies with the site CSP
   (no inline <style> blocks or style="" attributes). */

/* Upcoming bookings banner (shown site-wide below the header) */
.mt-upcoming-banner { background-color: #FFF3CD; }
.mt-upcoming-banner__text { color: #856404; }

/* Booking details modal */
.booking-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 50;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.booking-modal.is-open { display: flex; }
.booking-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}
.booking-modal__panel {
    width: 100%;
    max-width: 32rem;
    max-height: 85vh;
    overflow-y: auto;
}

.booking-break-word { word-break: break-word; }

/* Rich-text (Tour Time) rendered from the admin TipTap editor */
.booking-richtext, .booking-richtext * { font-size: .875rem !important; }
.booking-richtext { line-height: 1.4; }
.booking-richtext > :first-child { margin-top: 0; }
.booking-richtext > :last-child { margin-bottom: 0; }
.booking-richtext p { margin: 0 0 .25rem; }
.booking-richtext p:empty { display: none; }
.booking-richtext ul, .booking-richtext ol { margin: .25rem 0; padding-left: 1.25rem; }
.booking-richtext ul { list-style: disc; }
.booking-richtext ol { list-style: decimal; }
.booking-richtext h2, .booking-richtext h3, .booking-richtext h4 { margin: .25rem 0; font-weight: 600; line-height: 1.3; }