/* Godkendt menu: banestreger, rød understregning og billetknap. */
.nav-wrap { background:#0b1018; border-bottom:1px solid #313945; backdrop-filter:none; }
.nav-wrap::before { content:""; position:absolute; inset:0; background:url('navigation-court.svg') center/cover no-repeat; opacity:.12; pointer-events:none; }
.container.nav { position:relative; width:min(calc(100% - 40px),1400px); min-height:104px; gap:24px; }
.nav .brand { flex:0 0 auto; padding-right:22px; border-right:1px solid #39414b; }
.nav .brand img { width:76px; height:76px; }
.nav .menu { position:static; display:flex; flex:1; align-items:center; justify-content:flex-end; flex-wrap:nowrap; gap:clamp(12px,1.7vw,24px); padding:0; background:none; border:0; box-shadow:none; border-radius:0; font-size:22px; letter-spacing:.025em; }
.nav .menu > a { display:inline-flex; align-items:center; position:relative; padding:16px 0; width:auto; color:#f7f4ee; white-space:nowrap; }
.nav .menu > a:not(.nav-ticket)::after { content:""; position:absolute; left:0; bottom:7px; width:100%; height:2px; background:#ff243f; transform:scaleX(0); transform-origin:left; transition:transform .18s; }
.nav .menu > a:hover,.nav .menu > a[aria-current=page] { color:#ff5368; }
.nav .menu > a:not(.nav-ticket):hover::after,.nav .menu > a[aria-current=page]::after { transform:scaleX(1); }
.nav .menu > a.nav-ticket { justify-content:center; padding:12px 18px; background:#e91d3b; border-radius:12px; color:#fff; gap:10px; min-height:46px; }
.nav .menu > a.nav-ticket:hover { background:#ff344e; color:#fff; }
.nav .bc-language { margin:0; padding-left:16px; border-left:1px solid #39414b; flex:0 0 auto; }
.nav .bc-language-balls { gap:8px; }
.nav .bc-language-ball { padding:3px 4px; border:0; border-radius:8px; font-size:11px; }
.nav .bc-language-ball svg { width:36px; height:36px; }
.nav .bc-language-ball[aria-pressed=true] { background:rgba(233,142,67,.1); }
.nav .bc-language-loading { font-family:Barlow,Arial,sans-serif; font-size:10px; max-width:100px; }
.nav .menu-toggle { display:none; }
@media(max-width:1100px) {
  .container.nav { min-height:86px; gap:16px; width:calc(100% - 28px); }
  .nav .brand { border:0; padding:0; }
  .nav .brand img { width:62px; height:62px; }
  .nav .menu-toggle { display:flex; order:1; margin-left:auto; border:1px solid #404956; background:#141b26; width:46px; height:46px; border-radius:10px; }
  .nav .menu-toggle.is-open span { background:#ff344e; }
  .nav .menu { position:absolute; top:100%; left:-14px; right:-14px; display:none; flex:none; flex-direction:column; align-items:stretch; padding:16px 24px 22px; gap:0; font-size:26px; border-top:1px solid #313945; border-bottom:1px solid #404956; border-radius:0 0 18px 18px; background:#0b1018 url('navigation-court.svg') right center/auto 100% no-repeat; box-shadow:0 20px 40px rgba(0,0,0,.5); max-height:calc(100dvh - 90px); overflow-y:auto; }
  .nav .menu.is-open { display:flex; }
  .nav .menu > a { padding:12px 0; border-bottom:1px solid #2e3642; }
  .nav .menu > a:not(.nav-ticket)::after { bottom:6px; max-width:150px; }
  .nav .menu > a.nav-ticket { margin:18px 0; width:100%; font-size:26px; }
  .nav .bc-language { order:3; margin:0; padding:14px 0 0; border-left:0; border-top:1px solid #39414b; align-items:center; }
  .nav .bc-language-ball svg { width:38px; height:38px; }
  .nav .bc-language-balls { gap:28px; }
  .nav .bc-language-loading { max-width:100%; text-align:center; }
}
@media(prefers-reduced-motion:reduce) { .nav .menu > a::after { transition:none; } }