/* Production overlay, Nov 14 2026 (Thanksgiving-only release). Loaded after styles.css. Desktop (961px+) unchanged.
   Phones/tablets (960px and under, the live site's existing mobile breakpoint): header = wordmark + plain Menu icon (no header
   Book button, as live). The existing bottom bar (.mnav) is always visible and is the single Book action: yellow Book now +
   compact Call; its Menu button is removed. Hero Book buttons hidden there. */
.menu-ico{display:block;width:24px;height:24px}
@media(max-width:960px){
 html body header .btn{display:none!important}
 html body header .menu{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;min-width:44px;padding:0;margin-right:-10px;background:none;border:0;border-radius:8px;box-shadow:none;color:#E8E6E1;cursor:pointer;-webkit-tap-highlight-color:transparent}
 html body header .menu:focus{outline:none}
 html body header .menu:focus-visible{outline:2px solid #FFC400;outline-offset:2px}
 header .wrap{gap:0}
 header a.wm{font-size:24px;position:relative;top:8px}
 html body header .menu{position:relative;top:5px}
 html body .mnav{display:grid;grid-template-columns:1fr auto!important;gap:8px;transform:none!important;visibility:visible!important;transition:none;background:#2C3214!important;border-top:1px solid #4a5228!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -4px 16px rgba(0,0,0,.2)!important}
 html body .mnav .mnav-menu{display:none!important}
 html body .mnav a{opacity:1;min-height:48px;border-radius:6px;border:0!important;font:650 16px/1 Inter,system-ui,sans-serif;gap:8px}
 html body .mnav .mnav-book{background:#FFC400!important;color:#1d1f14!important}
 html body .mnav .mnav-call{padding:0 18px;background:transparent!important;color:#E8E6E1!important;border:1px solid #8C9270!important}
 html body .mnav a:focus-visible{outline:2px solid #FFC400;outline-offset:2px}
 html body .mnav svg{width:18px;height:18px}
 body:has(main.bk3) .mnav{grid-template-columns:1fr!important}
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .season-ground{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;z-index:44!important}
 body:has(#t2bar:not([hidden])) .season-ground{bottom:0!important}
 .hs .btns a.btn[href^="/book"],.hero .btns a.btn[href^="/book"]{display:none}
 html[data-season="thanksgiving"] .season-ground{height:28px!important;background:#2C3214}
 html[data-season="thanksgiving"] .season-bank{height:24px!important;bottom:2px}
 html[data-season="thanksgiving"] body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:380px){header a.wm{font-size:21px}}

/* Keep Leaflet (z-index up to 1000 inside) in its own stacking context so it never covers the bottom bar or the season strip. */
.samap #sa-map,#sa-map.leaflet-container{position:relative;z-index:0;isolation:isolate}
@media(max-width:960px){html[data-season="thanksgiving"] body .season-ground{box-shadow:0 -4px 16px rgba(0,0,0,.2)}html[data-season="thanksgiving"] body .pbar,html[data-season="thanksgiving"] body .mnav{box-shadow:none!important}}
