/* V6360: Driftssikker og cache-sikker mobilmenu i topbjælken. */
@media (max-width: 900px) {
  .site-header .nav-wrap {
    position: relative !important;
  }

  .site-header .menu-btn {
    position: relative;
    z-index: 1002;
    min-width: 44px;
    min-height: 44px;
    cursor: pointer;
    touch-action: manipulation;
  }

  .site-header .main-nav.is-open,
  .site-header .main-nav.open {
    display: flex !important;
    position: absolute !important;
    z-index: 1001 !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    background: #111814 !important;
    border-top: 1px solid rgba(255,255,255,.16);
    border-bottom: 3px solid #d1a84f;
    box-shadow: 0 14px 28px rgba(0,0,0,.28);
  }

  .site-header .main-nav.is-open a,
  .site-header .main-nav.open a {
    display: block !important;
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .site-header .main-nav.is-open .nav-cta,
  .site-header .main-nav.open .nav-cta {
    margin-top: 5px;
    text-align: center;
  }

  .site-header .menu-btn[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
  }

  .site-header .menu-btn[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .site-header .menu-btn[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
  }

  .site-header .menu-btn span {
    transition: transform .18s ease, opacity .18s ease;
  }
}