/* ── Analytics consent banner (cookie-banner.js) ── Nitty Gritty Web: void + amber hairline, Space Mono */
#cookie-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990;
  display: flex; align-items: center; gap: 24px;
  padding: 16px clamp(16px, 4vw, 40px);
  background: #0d0a08; border-top: 1px solid rgba(201, 138, 26, 0.55);
  transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.25, 0, 0, 1);
}
#cookie-banner.cookie-banner--visible { transform: translateY(0); }
.cookie-banner__text {
  flex: 1; margin: 0;
  font-family: 'Roboto Mono', ui-monospace, monospace; font-size: 12px; line-height: 1.6;
  color: rgba(242, 229, 204, 0.72);
}
.cookie-banner__link { color: #f2e5cc; text-decoration: underline; text-underline-offset: 3px; transition: color 0.15s; }
.cookie-banner__link:hover { color: #c98a1a; }
.cookie-banner__actions { flex-shrink: 0; display: flex; gap: 10px; }
.cookie-banner__btn {
  font-family: 'Space Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  padding: 10px 22px; cursor: pointer; border-radius: 0;
  background: transparent; border: 1px solid rgba(242, 229, 204, 0.28); color: rgba(242, 229, 204, 0.8);
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.cookie-banner__btn--ghost:hover { border-color: #c98a1a; color: #c98a1a; }
.cookie-banner__btn--accept { background: #c94a14; border-color: #c94a14; color: #fff; }
.cookie-banner__btn--accept:hover { background: #a83c0f; border-color: #a83c0f; }
.cookie-banner__btn:focus-visible { outline: 2px solid #c98a1a; outline-offset: 2px; }
@media (max-width: 640px) {
  #cookie-banner { flex-direction: column; align-items: stretch; gap: 12px; padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
  .cookie-banner__actions .cookie-banner__btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { #cookie-banner { transition: none; } }
/* while the banner is up: the floating "Book a table" button and a holiday banner sit above it */
html.has-cookie-banner.has-cookie-banner #booking-widget { bottom: calc(var(--cookie-banner-h, 0px) + var(--site-banner-h, 0px) + 14px) !important; }
html.has-cookie-banner .site-banner { bottom: var(--cookie-banner-h, 0px); }