.sc-site-header { position: sticky; top: 0; z-index: 100; background: rgb(12 8 6 / 89%); border-bottom: 1px solid rgb(118 78 48 / 58%); backdrop-filter: blur(18px); }
.admin-bar .sc-site-header { top: 32px; }
.sc-header-inner { width: min(var(--sc-content), calc(100% - var(--sc-gutter) * 2)); margin: auto; min-height: 78px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.sc-brand { display: flex; align-items: center; gap: 12px; min-width: 0; max-width: 100%; }
.sc-brand a { text-decoration: none; }
.sc-brand-symbol, .sc-custom-logo { flex-shrink: 0; }
.sc-brand img, .sc-brand .custom-logo { display: block; width: clamp(138px, 14vw, 210px); max-height: 60px; height: auto; object-fit: contain; }
.sc-brand-copy { max-width: 220px; }
.sc-brand-copy small { display: block; color: var(--sc-gold-2); letter-spacing: .18em; font-size: 10px; text-transform: uppercase; }
.sc-brand-copy span { display: block; color: var(--sc-cream); font-size: 14px; }
.sc-primary-nav { margin-left: auto; min-width: 0; }
.sc-menu { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }
.sc-menu li { position: relative; min-width: 0; }
.sc-menu a { display: flex; align-items: center; min-height: 44px; padding: 8px 11px; border-radius: 999px; color: #d6bd9b; border: 1px solid transparent; text-decoration: none; }
.sc-menu a:hover, .sc-menu .current-menu-item > a, .sc-menu .current_page_item > a { color: #fff0c9; border-color: #704b31; background: linear-gradient(145deg, #3f2618, #23150f); }
.sc-menu .sub-menu, .sc-menu .children { list-style: none; margin: 0; padding: 8px; background: #120c09; border: 1px solid var(--sc-line); border-radius: 15px; }
/* Without JS all navigation, including submenus, remains accessible. */
.sc-nav-ready .sc-menu .sub-menu, .sc-nav-ready .sc-menu .children { display: none; }
.sc-nav-ready .sc-menu li.is-expanded > ul { display: block; }
.sc-submenu-toggle { min-width: 44px; min-height: 44px; padding: 4px; border: 0; background: transparent; }
.sc-menu li:has(> .sc-submenu-toggle) { display: grid; grid-template-columns: minmax(0, 1fr) 44px; }
.sc-menu li > ul { grid-column: 1 / -1; }
.sc-menu-toggle { display: none; align-items: center; gap: 7px; margin-left: auto; min-height: 44px; }
@media (min-width: 1121px) {
  .sc-nav-ready .sc-menu > li > ul { position: absolute; top: 100%; right: 0; width: 260px; max-height: 65vh; overflow-y: auto; box-shadow: var(--sc-shadow); }
}
@media (max-width: 1120px) {
  .sc-header-inner { gap: 12px; }
  .sc-primary-nav { flex-basis: 100%; margin: 0 0 12px; padding: 12px; background: #120c09; border: 1px solid #704a31; border-radius: 18px; max-height: 65vh; overflow-y: auto; }
  .sc-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .sc-nav-ready .sc-menu-toggle { display: inline-flex; }
  .sc-nav-ready .sc-primary-nav { position: absolute; top: 100%; left: 16px; right: 16px; box-shadow: 0 28px 70px rgb(0 0 0 / 70%); }
  .sc-nav-ready .sc-primary-nav:not(.is-open) { display: none; }
}
@media (max-width: 782px) { .admin-bar .sc-site-header { top: 46px; } }
@media (max-width: 720px) {
  .sc-header-inner { min-height: 68px; }
  .sc-brand-copy { display: none; }
  .sc-brand img, .sc-brand .custom-logo { width: 135px; max-height: 52px; }
  .sc-menu { grid-template-columns: 1fr; }
  .sc-nav-ready .sc-primary-nav { left: 8px; right: 8px; }
}
@media (max-width: 600px) { .admin-bar .sc-site-header { top: 0; } }