/* Demo page: After Hours layer over the page's own dark inline theme.
   Same palette, type and motion language as css/editorial.css. */
@font-face{font-family:"Poppins";src:url(../fonts/poppins-800-latin.woff2) format("woff2");font-weight:700 800;size-adjust:90%;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --bg:#0a1517;--bg-2:#0d1b1d;--glass:#13272a;--glass-border:rgb(255 255 255/.1);
  --accent:#ff8a1a;--accent-2:#ffa54d;--accent-dim:rgb(255 138 26/.12);
  --text:#f4efe6;--text-2:#c6d2cf;--text-3:#98ada9;--green:#5fd39a;
  --font:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.23,1,.32,1);color-scheme:dark
}
body{background:var(--bg)!important}
body::after{background:radial-gradient(ellipse 60% 50% at 15% 10%,rgb(255 138 26/.09) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 85%,rgb(47 183 168/.07) 0%,transparent 55%)!important}
.demobar{background:rgb(10 21 23/.86)!important;-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}
.logo{display:inline-flex!important;align-items:center;min-height:44px}.logo img{display:block;height:36px;width:auto}
.livechip{color:var(--accent)!important;background:var(--accent-dim)!important;border-color:rgb(255 138 26/.3)!important}
.intro h1{font:700 clamp(2.2rem,5.4vw,4.2rem)/1.02 "Poppins",sans-serif!important;letter-spacing:-.025em!important;text-wrap:balance}
.intro h1 .g{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--accent)!important}
.intro p{text-wrap:pretty}
.btn{border-radius:999px!important;font-weight:600!important;min-height:46px;padding:0 1.3rem!important;transition:transform 140ms var(--ease),background-color 150ms ease,box-shadow 200ms ease!important}
.btn:active{transform:scale(.97)!important}
.btn-primary{background:var(--accent)!important;color:#1a1004!important;box-shadow:0 14px 40px -14px rgb(255 138 26/.7)!important}
.btn-primary:hover{background:var(--accent-2)!important;transform:none!important}
.btn-ghost{background:transparent!important;border:0!important;box-shadow:0 0 0 1px rgb(255 255 255/.24) inset!important;color:var(--text)!important}
.btn[disabled]{opacity:.55}
.venue-pill,.vtoggle button,.cat{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:600!important;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,transform 140ms var(--ease)!important}
.venue-pill:active,.add:active,.placebtn:active{transform:scale(.97)}
.venue-pill.on,.vtoggle button.on{background:#2fb7a8!important;border-color:#2fb7a8!important;color:#0a1517!important}
.phone{background:linear-gradient(155deg,#1d3336,#050b0c 55%)!important}
.screen{background:linear-gradient(180deg,#10201f,#0a1517)!important}
.cat.on{background:var(--text)!important;color:#0a1517!important;border-color:var(--text)!important}
/* 44px hit area for the round add button without changing its 30px look. */
.add{position:relative}.add::after{content:'';position:absolute;inset:-7px}
.qty button{position:relative}.qty button::after{content:'';position:absolute;inset:-9px}
.item-thumb{background:var(--glass)!important}
.placebtn{background:var(--accent)!important;color:#1a1004!important;border-radius:16px!important;font-weight:700!important}
.placebtn:disabled{background:rgb(255 255 255/.07)!important;color:var(--text-3)!important}
.item-price,.ticket-id,.ticket-total,#cart-summary{font-variant-numeric:tabular-nums}
.kitchen{background:var(--glass)!important;border:0!important;box-shadow:0 40px 80px -30px rgb(0 0 0/.6),0 0 0 1px rgb(255 255 255/.1) inset!important;border-radius:28px!important}
.kitchen-head h3,.kitchen-head .kitchen-title{font:700 1.4rem/1 "Poppins",sans-serif;letter-spacing:-.02em}
/* The "Sample" pills stay on one line at every width (2026-09-29: the kitchen pill wrapped its dot above the word). */
.app-live{white-space:nowrap;flex-shrink:0}
.kitchen-head{gap:12px}
.ticket{background:#1a3134!important;border-color:rgb(255 255 255/.1)!important}
.s-prep{color:#e8d27a!important;background:rgb(232 210 122/.12)!important;border-color:rgb(232 210 122/.3)!important}
.demo-capture-form input{border-radius:12px!important;font-size:16px!important;min-height:46px;background:#0c1a1c!important}
.demo-capture-form input:focus{border-color:var(--accent)!important}
.demo-capture-form .hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.demo-capture-form .form-status{width:100%;font-size:.85rem}.demo-capture-form .form-status.error{color:#ff8f7a}
.demo-choices{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 .5rem}
.voice-note{font-size:.84rem!important;margin:.3rem auto 0!important;color:var(--text-3)!important}
.footcta{background:var(--accent)!important;color:#1a1004!important;border-radius:40px 40px 0 0;margin-top:60px}
.footcta h2{font:700 clamp(2.2rem,4.6vw,4rem)/1.02 "Poppins",sans-serif!important;letter-spacing:-.025em!important;color:#1a1004}
.footcta p{color:#3b2408!important}
.footcta .btn-primary{background:var(--bg)!important;color:var(--text)!important;box-shadow:none!important}
.footcta .btn-ghost{color:#1a1004!important;box-shadow:0 0 0 1.5px rgb(26 16 4/.55) inset!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.btn:active,.venue-pill:active,.add:active,.placebtn:active{transform:none!important}}

/* Voice entry stays out of the layout until js/site.js enables it. */
[data-voice-demo][hidden]{display:none!important}

/* Accessibility: skip link, visible email label, form notice, footer line (2026-09-29). */
.skip{position:absolute;top:-100px;left:1rem;background:var(--accent);color:#1a1004;padding:.7rem 1rem;z-index:1000;border-radius:8px;font-weight:700}
.skip:focus{top:1rem}
.demo-capture-label{width:100%;text-align:left;font-size:.82rem;font-weight:600;color:var(--text-2)}
.demo-capture-form .form-legal{width:100%;font-size:.74rem;line-height:1.5;color:var(--text-3);text-align:left}
.demo-capture-form .form-legal a{color:var(--text-2);text-decoration:underline}
.demofoot{background:var(--accent);color:#1a1004;text-align:center;font-size:.85rem;padding:0 20px calc(24px + env(safe-area-inset-bottom))}
.demofoot a{display:inline-block;padding:.6rem .35rem;color:#1a1004;text-decoration:underline;text-underline-offset:2px}
.demofoot :focus-visible{outline-color:#1a1004}

/* Consent banner (2026-09-29): this page does not load editorial.css, so the banner rendered unstyled
   at the top of the page. Same look as editorial.css, with literal values. */
.t2o-consent{position:fixed;bottom:20px;left:20px;z-index:1000;width:min(380px,calc(100vw - 40px));background:#13272a;color:var(--text);padding:24px;border-radius:22px;box-shadow:0 30px 80px -30px rgb(0 0 0/.8);font:400 14px/1.55 var(--font)}
.t2o-consent-icon{width:38px;height:38px;margin-bottom:10px}
.t2o-consent h2{font:800 1.5rem/1.05 "Poppins",var(--font);letter-spacing:-.02em;margin:0 0 10px}
.t2o-consent p{margin:0 0 18px;color:var(--text-2)}
.t2o-consent a{color:var(--accent);text-decoration:underline}
.t2o-consent-actions{display:flex;gap:10px}
.t2o-consent button{flex:1;min-height:46px;padding:8px 12px;cursor:pointer;font:600 14px var(--font);border:0;border-radius:999px;background:transparent;box-shadow:0 0 0 1px rgb(255 255 255/.24) inset;color:var(--text)}
.t2o-consent :focus-visible{outline:2px solid var(--accent);outline-offset:3px}