/* ==========================================================================
   Shared navigation chrome (prototype): the compact grouped CONTENTS drawer,
   the nav-band ticket CTA, the mobile sticky bar (CONTENTS · TICKET INFO),
   and the dev-view badge. Load after food-edition.css.
   Used only by pages built on the new navigation (contents.html, tickets.html)
   until navigation is propagated site-wide.
   ========================================================================== */

/* ---------- compact Contents drawer ---------- */
.food-nav .fn-menu.ct-drawer{
  display:block;min-width:min(340px,calc(100vw - 28px));padding:16px 18px 14px;
}
@media (max-width:700px){
  .food-nav .fn-menu.ct-drawer{
    position:fixed;left:12px;right:12px;top:58px;min-width:0;
    max-height:calc(100vh - 140px);overflow:auto;
  }
}
.ct-drawer-group{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid rgba(253,249,238,.18);}
.ct-drawer-group:last-child{margin:0;padding:0;border:0;}
.ct-drawer-label{
  display:block;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:#B29C86;margin:0 0 6px;
}
.ct-drawer-row{display:flex;flex-wrap:wrap;gap:4px 18px;}
/* One column, in number order: an index never asks the eye to jump columns. */
.ct-drawer-depts{display:grid;grid-template-columns:1fr;gap:0;}
.food-nav .ct-drawer .ct-drawer-depts a,.food-nav .ct-drawer .ct-drawer-depts .ct-soon{padding:5px 0;}
.food-nav .ct-drawer a,.food-nav .ct-drawer .ct-soon{
  font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  padding:7px 0;white-space:normal;opacity:1;display:block;
}
.food-nav .ct-drawer a{color:var(--cream);text-decoration:none;}
.food-nav .ct-drawer a:hover{color:var(--ember-ink,#C0331A);}
.food-nav .ct-drawer a[aria-current="page"]{color:var(--ember-ink,#C0331A);}
.ct-drawer .ct-no{color:var(--ember-ink,#C0331A);margin-right:6px;}
.food-nav .ct-drawer .ct-soon{color:var(--cream);opacity:.5;cursor:default;}
.ct-drawer .ct-soon-tag{
  font-size:10.5px;letter-spacing:.12em;border:1px solid currentColor;border-radius:2px;
  padding:1px 4px;margin-left:6px;vertical-align:1px;
}

/* ---------- ticket CTA in the nav band ---------- */
.food-nav .fn-cta{font-size:13px;}
.food-nav .fn-cta[aria-current="page"]{box-shadow:inset 0 0 0 2px var(--cream);}

/* ---------- dev view badge ---------- */
.dev-badge{
  position:fixed;top:10px;right:10px;z-index:100;background:var(--ember);color:var(--coal);
  font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 10px;border-radius:3px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.35);
}

/* ---------- mobile sticky bar ---------- */
.bb-bottombar{display:none;}
@media (max-width:700px){
  body.has-bottombar{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
  .bb-bottombar{
    display:flex;align-items:stretch;gap:0;position:fixed;left:0;right:0;bottom:0;z-index:40;
    background:var(--coal);border-top:1px solid rgba(253,249,238,.22);
    padding-bottom:env(safe-area-inset-bottom);
    transition:transform .2s ease;
  }
  .bb-bottombar.is-hidden{transform:translateY(110%);}
  .bb-bottombar a{
    flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;
    font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--cream);text-decoration:none;
  }
  .bb-bottombar a + a{border-left:1px solid rgba(253,249,238,.22);}
  .bb-bottombar a.bb-tickets{color:var(--ember-ink,#C0331A);}
  .bb-bottombar-close{
    flex:0 0 44px;background:none;border:0;border-left:1px solid rgba(253,249,238,.22);
    color:#B29C86;font-size:20px;line-height:1;cursor:pointer;
  }
  .bb-bottombar :focus-visible{outline:2px solid var(--ember);outline-offset:-4px;}
}
@media (prefers-reduced-motion:reduce){
  .bb-bottombar{transition:none;}
}

/* G009 accessibility (WCAG 1.4.3): orange TEXT on light backgrounds uses the darker brand red-orange
   (--ember-ink, #C0331A, ~5.4:1 on cream; #FE4B0B was 3.2:1). Dark sections keep the original orange
   (~6:1 on coal). Backgrounds, borders and buttons are unchanged. */
.food-nav,.fn-menu,.bb-bottombar{--ember-ink:#FE4B0B;}