/* =====================================================================
   SITE NOTICE (temporary). Slim announcement line fixed above the header.
   Loaded only by the pages that carry the notice (homepage, Find Us).
   The inline script adds html.has-notice and sets --notice-h, unless the
   visitor has closed it or the expiry date has passed. To retire: delete
   this file, its <link> and the <div class="site-notice"> block + script.
   ===================================================================== */
.site-notice {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1001;
  display: none; align-items: center; justify-content: center; gap: 12px;
  min-height: 40px; padding: 7px 52px 7px 16px;
  background: #2a2018; border-bottom: 1px solid rgba(224, 181, 108, 0.35);
  color: #f5f0e8; font-family: var(--font-body); font-size: 0.86rem; line-height: 1.4; text-align: center;
  font-variant-numeric: lining-nums;
}
.has-notice .site-notice { display: flex; }
.site-notice strong { color: #f3d9a4; font-weight: 600; }
.site-notice a { color: #e0b56c; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.site-notice a:hover { color: #f3d9a4; }
.site-notice__short { display: none; }
.site-notice__close {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; cursor: pointer;
  color: rgba(245, 240, 232, 0.8); font-size: 1.3rem; line-height: 1;
}
.site-notice__close:hover { background: rgba(245, 240, 232, 0.1); color: #fff; }
.site-notice a:focus-visible, .site-notice__close:focus-visible { outline: 3px solid #e0b56c; outline-offset: 2px; }

/* Push the fixed header (and the phone menu sheet) down by the notice height */
.has-notice .site-header { top: var(--notice-h, 40px); }
@media (max-width: 1100px) {
  .has-notice .mobile-menu-overlay { inset: calc(70px + var(--notice-h, 40px)) 12px auto 12px; max-height: calc(100dvh - 86px - var(--notice-h, 40px)); }
}
@media (max-width: 640px) {
  .site-notice { font-size: 0.8rem; }
  .site-notice__long { display: none; }
  .site-notice__short { display: inline; }
}