/* The same navigation chrome on the landing page, Restaurant and Lane Food. */
[data-main-header]{box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:100;height:72px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#1a1035;color:#fff;border-bottom:1px solid #ffffff10;font:500 14px/1.5 Arial,sans-serif}
[data-main-header].scrolled{box-shadow:0 4px 20px #0005}
[data-main-header] *,[data-main-mobile] *{box-sizing:border-box}
[data-main-header] a{min-width:0;min-height:0;text-decoration:none;color:#fff}
[data-main-header] .header-logo{display:inline-flex;align-items:center;margin:0;padding:0;white-space:nowrap;font:900 24px/1 TBFoodDisplay,Arial,sans-serif;letter-spacing:-.5px}
[data-main-header] .header-logo span{color:#b594f6}
[data-main-header] .header-nav{display:flex;align-items:center;list-style:none;gap:20px;padding:0;margin:0;white-space:nowrap}
[data-main-header] .header-nav>li{display:flex;align-items:center;margin:0;padding:0}
[data-main-header] .header-nav>li>a{display:inline-flex;align-items:center;padding:0;margin:0;font:500 14px/1.5 Arial,sans-serif}
[data-main-header] .header-nav a:hover{color:#f97316}
[data-main-header] .header-nav .nav-halloween{color:#fdba74}
/* Food is a <summary>, not a link: give it the link type, colour and hover
   (navigation.css otherwise leaves it the muted #b8b5c9 with no hover). */
[data-main-header] .tb-food-nav>summary{font:500 14px/1.5 Arial,sans-serif;color:#fff;transition:color .2s}
[data-main-header] .tb-food-nav>summary:hover{color:#f97316}
/* Desktop "New!" starburst beside The Vault GameShow: the phone menu sticker,
   scaled to fit the 72px bar. Self-contained so the Restaurant and Lane Food
   headers, which do not load the landing page's inline styles, match. */
[data-main-header] .header-nav .nav-gameshow{gap:6px}
[data-main-header] .nav-new-sticker{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:28px;height:28px;flex:none;font:900 8px/1 var(--display,TBFoodDisplay,Arial,sans-serif);letter-spacing:.02em;text-transform:uppercase;color:#111;filter:drop-shadow(1px 0 0 #111) drop-shadow(-1px 0 0 #111) drop-shadow(0 1px 0 #111) drop-shadow(0 -1px 0 #111) drop-shadow(2px 2px 0 #ff2e93);transform:rotate(-12deg);animation:tbNavNewWiggle 2.6s ease-in-out infinite}
[data-main-header] .nav-new-sticker::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,#ff2e9373 .7px,transparent 1px) 0 0/4px 4px,#ffe14d;clip-path:polygon(50% 0%,61% 18%,82% 9%,80% 31%,100% 38%,85% 54%,98% 72%,76% 74%,72% 96%,54% 82%,36% 100%,30% 78%,8% 82%,16% 61%,0% 45%,19% 34%,12% 12%,34% 17%)}
@keyframes tbNavNewWiggle{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-4deg) scale(1.08)}}
[data-main-header] .header-cta{display:inline-flex;align-items:center;justify-content:center;background:#7c3aed;color:#fff;padding:10px 24px;border-radius:6px;font:600 14px/1.5 Arial,sans-serif;white-space:nowrap}
[data-main-header] .header-cta-app{display:none}
[data-main-header] .hamburger{display:none;background:transparent;border:0;cursor:pointer;padding:8px;min-width:44px;min-height:44px;margin:0;z-index:120}
[data-main-header] .hamburger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}
[data-main-header] .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
[data-main-header] .hamburger.active span:nth-child(2){opacity:0}
[data-main-header] .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
[data-main-mobile]{display:none;position:fixed;inset:72px 0 0;z-index:99;padding:24px;background:#1a1035;color:#fff;flex-direction:column;gap:0;overflow-y:auto;overscroll-behavior:contain;font:600 20px/1.5 Arial,sans-serif}
[data-main-mobile].open{display:flex;opacity:1;transform:none}
[data-main-mobile]>a,[data-main-mobile] .tb-mobile-food>summary{min-height:44px;min-width:0;padding:16px 0;color:#fff;text-decoration:none;font:600 20px/1.5 Arial,sans-serif;transition:color .2s}
[data-main-mobile]>a{display:block;border-bottom:1px solid #ffffff14}
[data-main-mobile]>a:hover,[data-main-mobile]>a:focus-visible,[data-main-mobile] .tb-mobile-food>summary:hover,[data-main-mobile] .tb-mobile-food>summary:focus-visible{color:#b594f6}
[data-main-header] a:focus-visible,[data-main-header] button:focus-visible,[data-main-mobile] a:focus-visible{outline:3px solid #b594f6;outline-offset:3px}
.food-menu-page{padding-top:72px}
.food-menu-page .category-bar{top:72px}
.food-menu-page .menu-section,.food-menu-page .seasonal-course{scroll-margin-top:110px}
.food-menu-actions{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding-block:16px}
@media(max-width:1279px){[data-main-header]{padding:0 24px}[data-main-header]>nav,[data-main-header] .header-cta{display:none}[data-main-header] .hamburger{display:block;margin-left:auto}}
@media(min-width:1280px){[data-main-mobile]{display:none!important}}
@media(max-width:600px){.food-menu-actions{justify-content:space-between;gap:12px}}
@media(prefers-reduced-motion:reduce){[data-main-header] .hamburger span{transition:none}[data-main-header] .nav-new-sticker{animation:none}}
.food-menu-page.social .food-menu-actions{max-width:1320px;margin-inline:auto;padding-inline:24px}
.food-menu-page .skip:focus,.food-menu-page .skip-link:focus{z-index:200}
