/* =========================================================
   MOBILE HEADER — FINAL (MOBILE ONLY)
   DESKTOP NAV LOCKED
========================================================= */

/* Hard lock: never show on desktop, regardless of other CSS */
.site-header .nav-toggle {
  display: none !important;
}

@media (max-width: 768px) {

  html,
  body {
    overflow-x: hidden;
  }

  .site-header .nav-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    background: transparent;
    border: 1px solid var(--gold);
    border-radius: 999px;
    padding: .45rem .85rem;
    color: var(--gold);
    font-weight: 700;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .nav-bars {
    width: 18px;
    height: 2px;
    background: var(--gold);
    position: relative;
    flex-shrink: 0;
  }

  .nav-bars::before,
  .nav-bars::after {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 2px;
    background: var(--gold);
  }

  .nav-bars::before { top: -6px; }
  .nav-bars::after  { top:  6px; }

  .header-inner {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
  }

  .nav {
    display: none;
    flex-direction: column;
    gap: .6rem;
    padding: .75rem 0;
  }

  .nav.is-open {
    display: flex;
  }

  .nav-link {
    white-space: nowrap;
  }
}