/* C What I C: shared menu for every page except the homepage (which has its own).
   One menu everywhere: the same links on every page, and a hamburger menu on phones. */
.site-nav-links { display: flex; gap: 2rem; align-items: center; }
.site-nav-links a {
  color: #FAFAF8; text-decoration: none; font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
  transition: color 0.3s;
}
.site-nav-links a:hover, .site-nav-links a[aria-current="page"] { color: #C9A84C; }
.site-nav-links a.btn { color: #0A0A0A; }
.site-nav-links a.btn:hover { color: #0A0A0A; }
.site-nav-toggle {
  display: none; flex-direction: column; gap: 5px; cursor: pointer;
  background: none; border: none; padding: 0.6rem; margin: -0.6rem -0.6rem -0.6rem 0;
}
.site-nav-toggle span { width: 24px; height: 2px; background: #FAFAF8; transition: 0.3s; display: block; }
.site-nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-nav-toggle.open span:nth-child(2) { opacity: 0; }
.site-nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.site-nav-toggle:focus-visible, .site-nav-links a:focus-visible { outline: 2px solid #C9A84C; outline-offset: 3px; }

@media (max-width: 900px) {
  .site-nav-links {
    position: fixed; top: 0; right: 0; width: 75%; max-width: 320px; height: 100vh; height: 100dvh;
    background: #111111; flex-direction: column; justify-content: center; gap: 2rem;
    padding: 2rem; border-left: 1px solid rgba(201,168,76,0.2); z-index: 1500;
    display: none;   /* hidden until opened, so the closed panel can't widen the page */
  }
  .site-nav-links.open { display: flex; animation: siteNavIn 0.35s ease; }
  /* Undo any older per-page rules that hid menu links on phones */
  .site-nav-links a, .site-nav-links a:not(.btn), .site-nav-links .hide-sm {
    display: inline-block !important; font-size: 0.9rem !important; letter-spacing: 0.1em !important;
  }
  .site-nav-links a.btn { padding: 0.85rem 1.8rem !important; font-size: 0.8rem !important; }
  .site-nav-toggle { display: flex; position: relative; z-index: 1600; }
}
/* A blurred menu bar can trap the slide-out panel inside it on some phones; drop the blur while open */
nav.site-menu-open { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
@keyframes siteNavIn { from { transform: translateX(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .site-nav-links.open { animation: none; }
  .site-nav-toggle span { transition: none; }
}