/* Final navigation — selected Version 2 */
.site-header {
  min-height: 82px;
  color: #fff;
  background: rgba(24,23,22,.97);
  border-bottom: 1px solid var(--line-strong) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
}
.site-header.is-scrolled { min-height: 72px; }
.site-header .logo { color: #fff; }
.site-header .logo strong { color: var(--accent-text); }
.site-header .desktop-nav { padding: 0 24px; gap: clamp(18px, 2.3vw, 36px); border-right: 1px solid var(--line-strong) !important; border-left: 1px solid var(--line-strong) !important; }
.site-header .desktop-nav a { color: #f7f0e7; }
.site-header .desktop-nav a::after { background: var(--accent-text); }
.site-header .desktop-cta { color: #181716; background: var(--accent-button) !important; border-color: var(--accent-button) !important; }
.site-header .desktop-cta:hover { color: #fff; background: var(--accent-hover) !important; border-color: var(--accent-hover) !important; }
.site-header .menu-toggle { color: #fff; border-color: var(--line-strong); }
.site-header .menu-toggle span { background: #fff; }
@media (max-width: 800px) {
  .site-header, .site-header.is-scrolled { min-height: 68px; }
}

/* Hard nav overrides: force requested burgundy dividers and CTA styling. */
body .site-header {
  border-bottom-color: var(--line-strong) !important;
}
body .site-header .desktop-nav {
  border-left-color: var(--line-strong) !important;
  border-right-color: var(--line-strong) !important;
}
body .site-header .desktop-cta {
  color: #181716 !important;
  background: var(--accent-button) !important;
  border-color: var(--accent-button) !important;
  min-width: 150px !important;
  min-height: 40px !important;
  padding: 9px 16px !important;
  gap: 12px !important;
  font-size: 10px !important;
}
body .site-header .desktop-cta:hover {
  color: #fff !important;
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}
body .site-header .desktop-cta span {
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  flex: 0 0 22px !important;
  color: transparent !important;
  background: #000 !important;
  border-radius: 50% !important;
  font-size: 0 !important;
}
body .site-header .desktop-cta span::before {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 7px !important;
  height: 8px !important;
  content: "" !important;
  background: #fff !important;
  border: 0 !important;
  clip-path: polygon(0 0, 100% 50%, 0 100%) !important;
  transform: translate(-42%, -50%) !important;
}
body .button:hover span {
  transform: none !important;
}