/* =========================================================================
   KAAYA GLOW — BOOKING MODAL (assets/css/kg-booking-modal.css)

   The popup itself is the existing .sv-modal / .sv-modal--wide component
   (assets/css/sv-services.css); its fields are .bk-form / .bk-field (etc,
   assets/css/bk-booking.css) — the exact same classes book-appointment.php
   uses, since includes/partials/booking-modal.php renders the shared
   includes/partials/booking-form-fields.php partial. Only the compact
   header + offer note wrapper below are specific to appearing inside a
   popup rather than the full page.
   ========================================================================= */
.kg-booking-modal-body .kg-eyebrow {
    font-family: var(--kg-body-font, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--kaaya-olive, #45513a);
}

.kg-booking-modal-title {
    font-family: var(--kg-heading-font, 'Cormorant Garamond', serif);
    font-size: 30px;
    font-weight: 600;
    color: var(--kaaya-black, #051F20);
    margin: 8px 0 22px;
}

.kg-booking-modal-offer,
.kg-booking-modal-login-notice {
    margin-bottom: 24px;
}

@media (max-width: 640px) {
    .kg-booking-modal-title { font-size: 25px; margin-bottom: 18px; }
}