/* NHC Mobile-Fix: Menü unterhalb des Headers, Login jederzeit erreichbar. */
@media(max-width:1380px){
  .site-header{position:sticky!important;top:0!important;z-index:900!important}
  .site-header .nav-shell{position:relative!important}
  .site-header .main-nav{position:absolute!important;inset:calc(100% + 6px) 0 auto 0!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;max-height:min(70dvh,630px)!important;overflow-y:auto!important;width:100%!important;z-index:1001!important;box-sizing:border-box!important}
  .site-header .main-nav:not(.open){display:none!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav a{display:block!important;text-align:left!important;min-height:44px!important}
  .site-header .auth-slot{display:flex!important;align-items:center!important}
}
@media(max-width:760px){
  .site-header .nav-shell{min-height:72px!important;grid-template-columns:minmax(0,1fr) auto!important}
  .site-header .nav-actions{display:flex!important;gap:7px!important;align-items:center!important}
  .site-header .auth-slot .btn-discord{white-space:nowrap!important;font-size:12px!important;padding:10px 9px!important;min-height:44px!important;display:flex!important;align-items:center!important}
  .site-header .nav-toggle{min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important}
  .nhc-season-banner{position:relative!important;z-index:1!important;font-size:clamp(10px,2.7vw,13px)!important;line-height:1.45!important;text-align:center!important;overflow-wrap:anywhere!important}
  .hero-clean-copy h1{overflow-wrap:break-word!important}
}
/* Mobile Navigation v2: klickbare Menüschaltfläche, Overlay über der Seite. */
@media (max-width:1380px){
 .site-header{isolation:isolate!important;overflow:visible!important}
 .site-header .nav-shell.container{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;overflow:visible!important}
 .site-header .nav-actions{position:relative!important;z-index:1105!important;justify-self:end!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;pointer-events:auto!important}
 .site-header .nav-toggle{position:relative!important;z-index:1110!important;display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
 .site-header .main-nav{position:fixed!important;top:calc(env(safe-area-inset-top, 0px) + 90px)!important;left:12px!important;right:12px!important;width:auto!important;inset:auto 12px auto 12px!important;max-height:calc(100dvh - 110px)!important;overflow-y:auto!important;z-index:1100!important;box-shadow:0 25px 65px rgba(0,0,0,.65)!important;background:rgba(11,10,15,.98)!important}
 .site-header .main-nav.open{display:flex!important;flex-direction:column!important;visibility:visible!important;pointer-events:auto!important}
 .site-header .main-nav:not(.open){display:none!important}
}
@media(max-width:760px){
 .site-header .nav-shell.container{grid-template-columns:minmax(44px,1fr) auto!important}
 .site-header .main-nav{top:calc(env(safe-area-inset-top, 0px) + 76px)!important}
 .site-header .auth-slot{min-width:0!important}
}

/* V3: the ENTIRE visible menu button is a touch target; no icon/overlay intercepts taps. */
@media(max-width:1380px){
 .site-header .nav-actions .nav-toggle,
 .site-header button.nav-toggle{
   position:relative!important;z-index:2147483000!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   box-sizing:border-box!important;appearance:none!important;
   width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
   margin:0!important;padding:0!important;flex:0 0 52px!important;
   border-radius:12px!important;cursor:pointer!important;pointer-events:auto!important;
   transform:none!important;opacity:1!important;visibility:visible!important;
 }
 .site-header button.nav-toggle :is(svg,path,rect,line,span){pointer-events:none!important}
 .site-header .nav-actions{isolation:isolate!important;z-index:2147482000!important}
 .site-header .nav-shell.container{overflow:visible!important}
 .site-header .main-nav{z-index:2147481000!important}
}

/* HayzV Brand – Bordeaux + Anthrazit. Saison-Logik bleibt aktiv. */
:root{--bg:#171519;--bg-2:#242126;--panel:#262329;--panel-strong:#28242A;--gold:#9D3053;--gold-2:#B95574;--v8-bg:#171519;--v8-surface:rgba(38,34,40,.92);--v8-surface-2:rgba(47,40,46,.85);--v8-gold:#9D3053;--v8-line-strong:rgba(178,66,104,.38)}
body{background-color:#171519!important}
.site-header,.site-footer{background-color:rgba(27,24,29,.92)!important}
.hero-clean::before,.site-bg::after{background-image:radial-gradient(circle at 65% 28%,rgba(148,40,75,.17),transparent 44rem)!important}
.btn-primary,.main-nav a.active,.site-header .main-nav a.active{background:linear-gradient(135deg,#872443,#B14D6C)!important;color:#fff!important}
.brand-logo,.brand-mark.brand-logo,.hero-logo-wrap{background:rgba(27,22,29,.6)!important;border-color:rgba(159,48,82,.3)!important}
.brand-logo img,.hero-logo,.brand-mark.brand-logo img{object-fit:contain!important}
:root[data-site-season="halloween"]{--gold:#9D3053;--gold-2:#C05874}
:root[data-site-season="christmas"]{--gold:#9D3053;--gold-2:#C05874}