/* ============================================================
   Booking widget: brand theming + modal chrome overrides.
   Site-owned. NEVER edit booking-widget/booking-widget.css.
   ============================================================ */

/* Map the site's blue palette onto the widget's theme tokens. */
[data-booking-widget] {
    --brand-accent: #2980b9;
    --surface:      #ffffff;
    --surface-2:    #f4f7fa;
    --border:       #d9e1e8;
    --text:         #3e3e3e;
    --text-muted:   #727272;
    --bk-brand-font: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Let the widget's own card show through the Bootstrap modal shell. */
#loginModal.booking-modal .modal-dialog { width: 560px; max-width: 94%; }
#loginModal.booking-modal .modal-content {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#loginModal.booking-modal .booking-close {
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 5;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    opacity: .9;
    background: rgba(255, 255, 255, .18);
}
#loginModal.booking-modal .booking-close:hover,
#loginModal.booking-modal .booking-close:focus {
    opacity: 1;
    background: rgba(255, 255, 255, .32);
}