/* Grandma Pizza bindings for the shared Evanswiki Preferences implementation. */
html, body { background:var(--ev-page); color:var(--ev-text); }
body { font-size:var(--reading-size,22px); line-height:var(--reading-leading,1.75); }
.site-nav { display:flex; align-items:center; background:var(--ev-panel); padding:0 12px 0 0; margin:0 0 10px; gap:4px; }
.site-nav ._jumpMenu { display:flex; flex:1; flex-wrap:wrap; width:auto; height:auto; margin:0; padding:0; box-shadow:none; background:transparent; }
.site-nav ._jumpMenu li { float:none; flex:1; width:auto; height:auto; border-color:var(--ev-line); }
.site-nav ._jumpMenu li a { display:flex; align-items:center; justify-content:center; min-height:44px; height:auto; padding:4px; box-sizing:border-box; font-size:calc(16px * var(--ev-scale)); color:var(--ev-text); }
.site-nav ._jumpMenu li a:hover { color:var(--ev-gold); background:var(--ev-raised); }
._logo { height:auto; }
._header, ._info, ._footer, .subHead, .subLunchOrders { background:transparent; color:var(--ev-text); }
a:link, a:visited, a:hover, a:active { color:var(--ev-gold); }
a:focus-visible, .menu-table-scroll:focus-visible { outline:2px solid var(--ev-gold); outline-offset:3px; }
.customer-notice { background:var(--ev-panel)!important; color:var(--ev-text)!important; border-color:var(--ev-line)!important; font-size:var(--reading-size)!important; line-height:var(--reading-leading)!important; }
.customer-notice h2 { font-size:1.3em!important; }
._info { box-sizing:border-box; overflow-wrap:anywhere; }
._items { font-size:1em; }
._items td, ._items th { font-size:1em; line-height:var(--reading-leading); border-color:var(--ev-line); }
._items b { color:var(--ev-heading); }
._footer { border-color:var(--ev-line); }
.menu-table-scroll { width:100%; overflow-x:auto; }
@media(max-width:768px) { .site-nav { justify-content:flex-end; }  ._items, ._items thead { font-size:1em; } ._logoBlock { float:none; width:98%; min-width:0; font-size:1em; } ._logo { float:none; display:block; } ._info { float:none; width:98%; margin:auto; } }
@media print { .site-nav, #appearance-panel { display:none!important; } html,body { background:white; color:black; } .menu-table-scroll { overflow:visible; } }

/* Restaurant menu branding, shared across brightness settings. */
.site-nav { background:#8e1327; }
.site-nav ._jumpMenu li { border-color:#b64e5e; }
.site-nav ._jumpMenu li a, .site-nav #ev-preferences-button { color:#fff; }
.site-nav ._jumpMenu li a:hover, .site-nav #ev-preferences-button:hover, .site-nav #ev-preferences-button[aria-expanded=true] { background:#680c1b; color:#fff; }
.site-nav :focus-visible { outline-color:#fff!important; }
.customer-notice { border-color:var(--ev-gold)!important; }
._items thead th, ._items th.category { border-bottom-color:var(--ev-gold); }

/* Compact mobile category navigation with a separate Preferences control. */
.mobile-menu-toggle { display:none; }
@media(max-width:768px) {
 .site-nav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:0; padding:4px 8px; }
 .site-nav .mobile-menu-toggle:not([hidden]) { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:8px 12px; border:0; border-radius:6px; background:transparent; color:white; font:600 calc(17px * var(--ev-scale))/1.3 system-ui,sans-serif; cursor:pointer; }
 .mobile-menu-toggle:hover, .mobile-menu-toggle[aria-expanded=true] { background:#680c1b!important; }
 .menu-chevron { margin-left:8px; }
 .mobile-menu-toggle[aria-expanded=true] .menu-chevron { transform:rotate(180deg); }
 .site-nav #ev-preferences-button { margin-left:auto; order:1; }
 .site-nav ._jumpMenu { order:2; flex:0 0 100%; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr)); margin:4px 0; border-top:1px solid #b64e5e; }
 html.nav-ready .site-nav ._jumpMenu { display:none; }
 html.nav-ready .site-nav.menu-open ._jumpMenu { display:grid; }
 .site-nav ._jumpMenu li { border:0; min-width:0; }
 .site-nav ._jumpMenu li a { justify-content:flex-start; text-align:left; padding:12px; min-height:48px; border-bottom:1px solid #b64e5e; overflow-wrap:anywhere; }
 .site-nav ._jumpMenu li a:focus-visible { outline-offset:-4px; }
}