/* Midnight Grill theme: neon after dark.
   Midnight navy, ember-orange neon, moonlight cream, night-glow blue. Tilt Neon signage over Archivo. */
:root{
  --bg:#0B1026; --bg-2:#0F1631; --surface:#141C3A; --surface-2:#1B2550;
  --line:#222C52; --line-2:#2C3866; --line-3:#3E4B80;
  --cream:#F4EAD0; --cream-2:#E2D8C0; --muted:#AEB7D2; --muted-2:#8792B4;
  --copper:#FF6A2B; --copper-hover:#FF8A55; --copper-text:#FF9663; --brown:#7FB8FF;
  --error:#FF9B85; --on-accent:#0B1026; --hover-bg:#1B2550;
  --disabled-bg:#4B4552; --disabled-fg:#141C3A;
  --header-bg:rgba(11,16,38,.94); --tabbar-bg:rgba(15,22,49,.96); --footer-bg:#070B1C;
  --banner-bg:#FF6A2B; --banner-fg:#0B1026; --alert-bg:#3A1A14; --alert-fg:#FFD9CF;
  --shade-rgb:11,16,38; --on-photo:#F4EAD0; --on-photo-2:#E2D8C0; --accent-on-photo:#FF9663;
  --input-scheme:dark; --grain:.3;
  --display:'Tilt Neon','Archivo',system-ui,sans-serif;
  --body:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ember-glow:0 0 4px rgba(255,230,214,.9),0 0 12px rgba(255,106,43,.85),0 0 28px rgba(255,106,43,.5);
  --blue-glow:0 0 4px rgba(232,242,255,.9),0 0 12px rgba(127,184,255,.8),0 0 28px rgba(127,184,255,.45);
  color-scheme:dark;
}
/* Tilt Neon has one weight: never fake-bold it */
.display,.feature-card__name,.cat__title,.price,.panel legend,.mobile-nav__list,.dialog-head h2,.picker__head h2,.totals__grand .price,.sides__head .price,.hero__title{font-weight:400}
.display,.cat__title,.feature-card__name{letter-spacing:.02em}
/* Header logo */
.brand-mg{display:flex;align-items:center;text-decoration:none}
.brand-mg img{height:58px;width:auto;display:block}
@media (max-width:859px){.brand-mg img{height:44px}}
.cart-count{background:var(--copper);color:var(--on-accent);box-shadow:0 0 10px rgba(255,106,43,.6)}
/* Hero: neon headline */
.hero__img{object-position:50% 45%}
.hero__title{text-transform:none;line-height:.95;color:#E8F2FF;text-shadow:var(--blue-glow)}
.hero__title span{display:block;color:#FFE6D6;text-shadow:var(--ember-glow)}
.hero .eyebrow{color:#FF9663}
/* Neon accents */
.btn-primary{box-shadow:0 0 18px rgba(255,106,43,.4)}
.btn-primary:hover{box-shadow:0 0 26px rgba(255,106,43,.6)}
.chip.is-active,.chip[aria-pressed="true"],.choice[aria-pressed="true"]{box-shadow:0 0 14px rgba(255,106,43,.45)}
.section .display,.menu .display{color:#FFE6D6;text-shadow:var(--ember-glow)}
.cat__title{text-shadow:var(--ember-glow);color:#FFE6D6}
.item .price,.feature-card .price{color:#FF9663}
.sides__head{border-bottom:2px solid var(--copper);box-shadow:0 2px 14px rgba(255,106,43,.35)}
/* Starry menu band */
.menu{background-color:var(--bg-2);background-image:radial-gradient(1.4px 1.4px at 8% 12%,rgba(244,234,208,.55),transparent),radial-gradient(1.2px 1.2px at 34% 6%,rgba(244,234,208,.4),transparent),radial-gradient(1.4px 1.4px at 61% 10%,rgba(244,234,208,.5),transparent),radial-gradient(1.2px 1.2px at 86% 4%,rgba(244,234,208,.4),transparent);background-repeat:no-repeat}
.feature-card,.cat,.sides,.summary{border-color:var(--line-2)}
.feature-card:hover{border-color:var(--copper);box-shadow:0 0 22px rgba(255,106,43,.25)}
.toast{background:var(--cream);color:var(--bg)}
.footer-logo-mg{margin:0}
.footer-logo-mg img{width:260px;height:auto;display:block}

/* ===== Late-night cravings layer ===== */
/* Hero: taller, food-forward, crossfading photos */
.hero{min-height:600px}
@media (min-width:768px){.hero{min-height:700px}}
.hero__slides{position:absolute;inset:0}
.hero__slide{opacity:0;animation:mgFade 18s infinite;transform-origin:60% 50%}
.hero__slide:first-child{opacity:1}
@keyframes mgFade{0%{opacity:0;transform:scale(1.06)}6%{opacity:1}33%{opacity:1}39%{opacity:0;transform:scale(1)}100%{opacity:0}}
.hero__shade{background:radial-gradient(ellipse at 70% 55%,rgba(255,106,43,.16) 0%,rgba(11,16,38,0) 45%),linear-gradient(180deg,rgba(11,16,38,.05) 0%,rgba(11,16,38,.45) 45%,rgba(11,16,38,.97) 100%)}
@media (min-width:768px){.hero__shade{background:radial-gradient(ellipse at 72% 55%,rgba(255,106,43,.18) 0%,rgba(11,16,38,0) 45%),linear-gradient(90deg,rgba(11,16,38,.95) 0%,rgba(11,16,38,.75) 36%,rgba(11,16,38,.1) 70%,rgba(11,16,38,0) 100%)}}
.hero__title{font-size:clamp(66px,13vw,150px)}
/* Rising embers */
.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.embers span{position:absolute;bottom:-10px;border-radius:50%;background:#FFB27A;box-shadow:0 0 6px 2px rgba(255,106,43,.85);opacity:0;animation:mgEmber 9s linear infinite}
@keyframes mgEmber{0%{transform:translate(0,0);opacity:0}10%{opacity:.95}70%{opacity:.6}100%{transform:translate(40px,-640px);opacity:0}}
/* Live clock line */
.nightclock{margin:0;font-size:clamp(16px,2vw,19px);font-weight:600;color:#E8F2FF}
.nightclock b{font-family:var(--display);font-weight:400;font-size:1.3em;color:#FFE6D6;text-shadow:var(--ember-glow);letter-spacing:.03em}
/* Neon marquee */
.marquee{overflow:hidden;background:#070B1C;border-block:1px solid #2C3866;padding:14px 0}
.marquee__track{display:flex;width:max-content;animation:mgMarquee 38s linear infinite}
.marquee__track span{display:flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--display);font-size:clamp(22px,3vw,32px);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;color:#FFE6D6;text-shadow:var(--ember-glow)}
.marquee__track i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#7FB8FF;box-shadow:0 0 10px #7FB8FF}
@keyframes mgMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Quick picks */
.cravings{background:radial-gradient(ellipse at 50% 0%,rgba(255,106,43,.12),rgba(11,16,38,0) 60%)}
.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:20px}
.pick{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pick:hover{transform:translateY(-4px);border-color:var(--copper);box-shadow:0 0 30px rgba(255,106,43,.3)}
.pick__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0B1026}
.pick__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.pick:hover .pick__img img{transform:scale(1.07)}
.pick__img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,38,0) 55%,rgba(11,16,38,.8) 100%)}
.pick__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1 1 auto}
.pick__name{margin:-46px 0 0;position:relative;z-index:1;font-family:var(--display);font-weight:400;font-size:36px;line-height:1;color:#FFE6D6;text-shadow:var(--ember-glow)}
.pick__items{margin:0;font-size:15px;line-height:1.45;color:var(--cream-2)}
.pick__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pick__foot .price{font-size:30px}
/* Bigger, warmer food photos */
.feature-card__img{aspect-ratio:1/1}
.feature-card__img img{transition:transform .8s ease}
.feature-card:hover .feature-card__img img{transform:scale(1.07)}
.cat__photo img{transition:transform 1.2s ease}
.cat:hover .cat__photo img{transform:scale(1.05)}
.cat__photo::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 60%,rgba(255,106,43,.18),rgba(11,16,38,0) 65%);pointer-events:none}
@media (min-width:768px){.cat__photo{min-height:260px;flex-basis:360px}}
@media (prefers-reduced-motion:reduce){
  .hero__slide{animation:none;opacity:0}.hero__slide:first-child{opacity:1}
  .embers,.marquee__track{animation:none}.embers{display:none}
}