/* Little House of Kebobs — ONE shared header, navigation and page width.
   Put this file next to style.css. All six pages load it LAST. */
:root { --lhk-content-width:1260px; --lhk-side-space:16px; }
html {overflow-x:clip;}
body {margin:0 !important; min-width:0 !important; overflow-x:clip;}
body > header {width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;position:relative !important;left:auto !important;right:auto !important;box-sizing:border-box !important;background:#030410 !important;}
body > header > .brand-banner {position:relative !important;isolation:isolate !important;box-sizing:border-box !important;width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;height:clamp(130px,16vw,235px) !important;overflow:hidden !important;border:0 !important;background-color:#030410 !important;background-image:radial-gradient(ellipse at 53% 52%,rgba(38,34,81,.48),transparent 76%),radial-gradient(1px 1px at 12% 23%,#fff 98%,transparent),radial-gradient(1px 1px at 48% 73%,#cad8ff 98%,transparent),radial-gradient(1px 1px at 81% 31%,#fff 98%,transparent) !important;background-size:100% 100%,137px 113px,197px 181px,263px 239px !important;}
body > header > .brand-banner::after,body > header > .brand-banner::before{display:none !important;content:none !important;}
body > header > .brand-banner > .brand-logo {position:absolute !important;left:max(0px,calc((100% - var(--lhk-content-width))/2)) !important;top:0 !important;transform:none !important;width:min(100%,var(--lhk-content-width)) !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:fill !important;mix-blend-mode:screen !important;z-index:2 !important;}
body > header > .brand-banner > .brand-earth {position:absolute !important;right:max(12px,calc((100% - var(--lhk-content-width))/2 + 12px)) !important;top:7% !important;width:auto !important;height:83% !important;max-width:22% !important;object-fit:contain !important;transform:none !important;mix-blend-mode:normal !important;background:transparent !important;filter:none !important;z-index:3 !important;}
body > header > .brand-banner > .brand-phone {position:absolute !important;left:max(20px,calc((100% - var(--lhk-content-width))/2 + 65px)) !important;bottom:3px !important;top:auto !important;transform:none !important;white-space:nowrap !important;color:white !important;font:bold clamp(18px,2.7vw,39px)/1.1 Georgia,serif !important;text-decoration:none !important;z-index:4 !important;}
body > header > nav.site-nav {width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;left:auto !important;right:auto !important;position:relative !important;box-sizing:border-box !important;display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;justify-content:flex-start !important;gap:0 !important;padding:0 max(8px,calc((100% - var(--lhk-content-width))/2 + var(--lhk-side-space))) !important;border:0 !important;border-top:3px solid #e8df00 !important;border-bottom:0 !important;background:#1b1110 !important;}
body > header > nav.site-nav > a {box-sizing:border-box !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;width:auto !important;min-height:44px !important;padding:11px 12px !important;margin:0 !important;border:0 !important;background:transparent !important;color:#fff !important;text-decoration:none !important;white-space:nowrap !important;font:400 14px/20px Arial,Helvetica,sans-serif !important;}
body > header > nav.site-nav > a:hover {background:#38221c !important;}
body > header > nav.site-nav > a[aria-current="page"],body > header > nav.site-nav > a.active {background:#bf0000 !important;}
/* Shared width for modern page containers; old Muse content remains untouched. */
body:not(:has(#page)) > main,body > main.menu-page,body > main.sandwich-main,body > main#lhk-location-main {width:calc(100% - 32px) !important;max-width:var(--lhk-content-width) !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important;}
@media(max-width:700px){
 body > header > .brand-banner {height:clamp(110px,25vw,160px) !important;}
 body > header > .brand-banner > .brand-phone{left:14px !important;font-size:clamp(17px,3.5vw,26px) !important;}
 body > header > .brand-banner > .brand-earth{right:4px !important;max-width:20% !important;}
 body > header > nav.site-nav{padding:0 4px !important;justify-content:flex-start !important;}
 body > header > nav.site-nav > a{min-height:35px !important;font-size:12px !important;padding:7px 8px !important;white-space:normal !important;}
 body:not(:has(#page)) > main,body > main.menu-page,body > main.sandwich-main,body > main#lhk-location-main{width:100% !important;}
}

/* 2026-10-30 targeted fix: logo2.png contains an opaque white strip at its bottom (starting around 87% of image height). Clip only the logo image, not the header, globe, or starfield. */
body > header > .brand-banner > .brand-logo {clip-path:inset(0 0 13% 0) !important;}