/* Only the optional analytics consent controls. Existing site styling is untouched. */
.analytics-consent {
  position: fixed;
  z-index: 1100;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(56px, calc(env(safe-area-inset-bottom) + 48px));
  width: min(490px, calc(100vw - 32px));
  max-height: calc(100vh - 100px);
  max-height: calc(100dvh - 100px);
  overflow-y: auto;
  padding: 20px;
  border: 1px solid rgba(201, 162, 77, .35);
  border-radius: var(--radius, 18px);
  background: rgba(18, 18, 23, .97);
  color: var(--text, #fff);
  box-shadow: var(--shadow, 0 14px 40px rgba(0, 0, 0, .35));
  font: 13px/1.55 "Manrope", system-ui, sans-serif;
}
.analytics-consent[hidden] { display: none; }
.analytics-consent[inert], .analytics-settings[inert] { visibility: hidden; }
.analytics-consent__copy strong { display: block; margin-bottom: 8px; font-size: 16px; }
.analytics-consent__note { margin-top: 8px; color: var(--muted, rgba(255,255,255,.7)); font-size: 11px; }
.analytics-consent__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.analytics-consent__actions button,
.analytics-settings {
  appearance: none;
  border: 1px solid rgba(201, 162, 77, .5);
  border-radius: 12px;
  padding: 10px 15px;
  background: #1e1b15;
  color: #fff;
  font: 600 13px/1.3 "Manrope", system-ui, sans-serif;
  cursor: pointer;
}
.analytics-consent__actions button { flex: 1 1 auto; min-height: 44px; }
.analytics-consent__actions button[hidden] { display: none; }
.analytics-consent__actions button:focus-visible,
.analytics-settings:focus-visible { outline: 2px solid var(--accent, #c9a24d); outline-offset: 3px; }
.analytics-settings {
  position: fixed;
  z-index: 1090;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(10px, env(safe-area-inset-bottom));
  padding: 9px 12px;
  background: #121217;
  font-size: 11px;
}
/* A consent notice never sits above an active checkout/booking/drawer or steals focus. */
body:has(#cartModal.is-open, #drawer.is-open, #drawer.is-preparing, #successModal.is-open, #bookingDialog[open]) > .analytics-consent,
body:has(#cartModal.is-open, #drawer.is-open, #drawer.is-preparing, #successModal.is-open, #bookingDialog[open]) > .analytics-settings { visibility: hidden; }
@media (max-width: 480px) {
  .analytics-consent { padding: 16px; font-size: 12px; }
}
