/* Shared public header; loaded after the optional modern theme. */
:root{--site-header-height:160px;--site-admin-offset:0px}
.site-header-sticky,body.menu-page>.header{position:sticky;top:var(--site-admin-offset);z-index:30;background:var(--ink);box-shadow:0 4px 18px #0003}
.site-header-sticky>.home-language-bar{position:static}
html{scroll-padding-top:calc(var(--site-header-height) + var(--site-admin-offset) + 12px)}
.skip:focus{position:fixed;z-index:40;top:calc(var(--site-admin-offset) + 12px)}
body.menu-page{padding-top:0}
.menu-page .menu-navigation{position:sticky;inset:auto;top:calc(var(--site-header-height) + var(--site-admin-offset));z-index:20;padding-top:0}
html:has(body.menu-page){scroll-padding-top:calc(var(--site-header-height) + var(--site-admin-offset) + var(--site-menu-height,185px) + 12px)}
.menu-page .dish-section{scroll-margin-top:0}

/* Compact mobile navigation: retain 44px controls without separate logo/tagline/language rows. */
@media(max-width:700px){
 .site-header-sticky{display:grid;grid-template-columns:44px minmax(88px,1fr) auto;align-items:center;gap:0 6px;padding:6px 10px 0}
 .site-header-sticky>.header{display:contents}
 .site-header-sticky>.home-language-bar{grid-column:2;grid-row:1;padding:0}
 .site-header-sticky .language-switch{justify-content:center;padding:0;border:0;gap:0;font-size:12px}
 .site-header-sticky .header>.brand{grid-column:1;grid-row:1}
 .site-header-sticky .header>.reservation-trigger{grid-column:3;grid-row:1;min-height:44px;font-size:12px;padding:8px 10px;gap:6px}
 .site-header-sticky .header>nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin:0;padding:0;border-top:1px solid var(--line);gap:8px;font-size:12px}
 .site-header-sticky .header>nav a{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:12px;white-space:nowrap}
 .site-header-sticky .header .brand,body.menu-page>.header .brand{width:44px}
 .site-header-sticky .header .brand-mark,body.menu-page>.header .brand-mark{width:44px}
 .site-header-sticky .header .brand-tagline,body.menu-page>.header .brand-tagline{display:none}
 body.menu-page>.header{height:auto;min-height:56px;padding:6px 10px;gap:8px}
 body.menu-page>.header>a:not(.brand){display:inline-flex;align-items:center;min-height:44px;font-size:12px}
 body.menu-page>.header .button.small{padding:8px 10px;font-size:12px;gap:6px}
 .menu-page .menu-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .menu-page .menu-navigation>.menu-types{grid-row:1;grid-column:1/-1;padding:0 6px}
 .menu-page .menu-navigation .menu-types a{min-height:44px;padding:8px 3px;font-size:12px}
 .menu-page .menu-navigation>.language-switch{grid-row:2;grid-column:2;padding:0 6px 0 0;gap:0;font-size:12px}
 .menu-page .menu-navigation>.subcategory-control{grid-row:2;grid-column:1;min-width:0;padding:4px 6px}
 .menu-page #subcategory-trigger{min-height:44px;padding:6px 8px;gap:6px;font-size:12px}
 .menu-page .selected-category{font-size:12px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}