/* Hot Rod Nights shared UI fixes (Critic review, Oct 31 2026): phone menu, readable reds, sizes, tap targets. */
html{scroll-padding-top:96px}
html :is(#hrn,body) :is(input,select,textarea){scroll-margin-top:110px}
/* #8 readable red (5.8:1 on the dark background) for prices, active menu, labels */
html #hrn .pt-price,html #hrn .pd-price,html #hrn .price,html #hrn .catbar-k,html #hrn .kicker{color:#ff5a4f}
html #hrn nav a.on,html #hrn nav a:hover,html #hrn nav a:focus-visible{color:#ff5a4f}
html #hrn nav a.on{border-bottom-color:#ff5a4f}
/* #8 minimum sizes */
html #hrn .catbar-k,html #hrn .tag-l,html #hrn .hrn,html #hrn .cd{font-size:14px}
html #hrn .hform label,html #hrn .opanel label{font-size:14px}
html #hrn .flinks{font-size:14px}
/* #8 tap targets */
html #hrn .flinks a{min-height:44px;display:inline-flex;align-items:center}
html #hrn .pd-back{min-height:44px;display:inline-flex;align-items:center}
html #hrn a[href^="mailto:"],html #hrn a[href^="tel:"]{display:inline-block;min-height:24px;padding:10px 0;margin:-10px 0}
html #hrn .flinks a[href^="mailto:"],html #hrn .flinks a[href^="tel:"]{padding:8px 2px;margin:0}
html #hrn .garr{width:44px}
.hrn-menu-btn{display:none}
@media(max-width:820px){
  /* #6 one-button phone menu; header hides on scroll down, shows on scroll up */
  html :is(#hrn,body) > header{transition:transform .25s ease}
  html :is(#hrn,body) > header.hrn-hide{transform:translateY(-110%)}
  html :is(#hrn,body) > header.hrn-has-menu .wrap{flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;height:auto;min-height:60px;padding-top:6px;padding-bottom:6px;gap:0}
  html :is(#hrn,body) > header.hrn-has-menu img{height:44px!important;width:auto}
  .hrn-menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px 14px;background:transparent;color:#fff;border:2px solid #c9ccd1;border-radius:4px;font:600 16px Oswald,sans-serif;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer}
  .hrn-menu-btn:focus-visible{outline:2px solid #ff5a4f;outline-offset:2px}
  .hrn-menu-btn .bars{display:inline-block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
  html :is(#hrn,body) > header.hrn-has-menu nav{display:none!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;order:3;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 4px}
  html :is(#hrn,body) > header.hrn-has-menu.menu-open nav{display:flex!important}
  html :is(#hrn,body) > header.hrn-has-menu nav a{min-height:44px;margin:0!important;padding:10px 4px!important;border-bottom:1px solid #2a2b30!important;justify-content:flex-start}
  html :is(#hrn,body) > header.hrn-has-menu nav .social{padding:8px 4px}
  html #hrn .callbar{max-height:48px;padding:12px 10px;font-size:16px;line-height:24px}
}
@media(prefers-reduced-motion:reduce){html :is(#hrn,body) > header{transition:none}}
/* #11 "Click for More" as a link to the show page */
html #hrn .flyer-btns a.fb-more{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;border-radius:3px;font:600 14px/1.1 Oswald,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:1px;padding:10px 6px;color:#fff;text-decoration:none;text-align:center}
html #hrn .flyer-btns a.fb-more:hover,html #hrn .flyer-btns a.fb-more:focus-visible{filter:brightness(1.15);outline:2px solid #fff;outline-offset:2px}