/* The booking form inside the admin (owner, 2026-11-01: admins book from inside the admin). The admin page doesn't
   load the website's stylesheet, so the few pieces of it the form uses are repeated here, kept inside the dialog
   so they never touch the admin's own look. */
.booking-modal {
  --volt: #ff2d2d;
  --glass-2: rgba(255, 255, 255, 0.1);
  --glass-3: rgba(255, 255, 255, 0.14);
  --edge-2: rgba(255, 255, 255, 0.24);
  --dim: rgba(244, 244, 246, 0.7);
  --f-d: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-b: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-m: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;
  --head-h: 58px;
  font-size: 16px;
  line-height: 1.5;
}
.booking-modal h3, .booking-modal .t2, .booking-modal .t3 { font-family: var(--f-d); font-weight: 800; letter-spacing: -0.02em; line-height: 1.04; color: #fff; text-transform: none; }
.booking-modal .t2 { font-size: clamp(2rem, 4.2vw, 3.4rem); }
.booking-modal .t3 { font-size: clamp(1.25rem, 2vw, 1.55rem); letter-spacing: -0.01em; line-height: 1.2; }
.booking-modal .kicker { font-family: var(--f-b); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #ff6b6b; }
.booking-modal .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; overflow: visible;
  font-family: var(--f-b); font-weight: 700; font-size: 1rem; letter-spacing: 0.01em; line-height: 1; text-transform: none;
  transition: transform 0.15s var(--ease), box-shadow 0.2s, background 0.2s, border-color 0.2s; white-space: nowrap;
}
.booking-modal .btn-volt { background: linear-gradient(180deg, #ff4a4a, #d90000); color: #fff; box-shadow: 0 6px 18px rgba(255, 45, 45, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
.booking-modal .btn-ghost { background: var(--glass-2); border: 1px solid var(--edge-2); color: #fff; }
.booking-modal .btn-ghost:hover { background: var(--glass-3); }
.booking-modal .btn[disabled] { opacity: 0.6; cursor: wait; }
.booking-modal .bm-body { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.22) transparent; }
/* admins don't need the check box or the customer-facing lines */
.booking-modal [data-field="turnstile"], .booking-modal .bf-note, .booking-modal .bd-mine { display: none !important; }