/* HayzV 2026 | Einheitlicher Header auf ALLEN Seiten.
   Immer als letztes Stylesheet laden: egal ob Startseite, Regelwerk,
   Gesetzbuch, Team oder MasterOwner-Editor. */
:root {--hv-nav-bordeaux:#ae4368;--hv-nav-rose:#efa4be;--hv-nav-ink:#100e13}
body .site-header,
body.hayz-experience .site-header{
 position:sticky!important;top:0!important;z-index:900!important;
 background:rgba(16,14,19,.965)!important;
 border-bottom:1px solid rgba(227,137,161,.18)!important;
 backdrop-filter:blur(18px) saturate(125%)!important;
 box-shadow:0 10px 34px rgba(0,0,0,.20)!important;
 overflow:visible!important;
}
body .site-header::after{content:'';position:absolute;left:7%;right:7%;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(205,93,134,.55),transparent)}
body .site-header .nav-shell.container,
body.hayz-experience .site-header .nav-shell.container{
 display:grid!important;grid-template-columns:minmax(170px,200px) minmax(0,1fr) auto!important;
 align-items:center!important;gap:17px!important;
 width:calc(100% - clamp(38px,7vw,152px))!important;
 max-width:1450px!important;min-height:88px!important;
 margin:0 auto!important;padding:0!important;
}
body .site-header .brand,body.hayz-experience .site-header .brand{
 justify-self:start!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;
}
body .site-header .brand-logo,body.hayz-experience .site-header .brand-logo{
 width:64px!important;height:64px!important;border:0!important;background:transparent!important;
 box-shadow:none!important;border-radius:0!important;overflow:visible!important;padding:0!important;flex-shrink:0!important;
}
body .site-header .brand-logo img,body.hayz-experience .site-header .brand-logo img{
 width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;
}
body .site-header .brand-copy strong,body.hayz-experience .site-header .brand-copy strong{
 font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:1.6rem!important;font-weight:800!important;
 letter-spacing:.045em!important;text-transform:uppercase!important;color:#f6edf0!important;
}
body .site-header .brand-copy small,body.hayz-experience .site-header .brand-copy small{
 font-size:.58rem!important;letter-spacing:.18em!important;color:#be9bac!important;
}
body .site-header .main-nav,body.hayz-experience .site-header .main-nav{
 justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;
 gap:1px!important;padding:5px!important;margin:0!important;min-width:0!important;
 border:1px solid rgba(255,255,255,.065)!important;border-radius:10px!important;
 background:rgba(255,255,255,.025)!important;white-space:nowrap!important;
}
body .site-header .main-nav a,body.hayz-experience .site-header .main-nav a{
 font-family:'DM Sans',system-ui,sans-serif!important;
 padding:10px 9px!important;border-radius:5px!important;
 font-size:.76rem!important;font-weight:700!important;line-height:1.2!important;
 letter-spacing:.07em!important;text-transform:uppercase!important;
 color:#c7bac2!important;background:transparent!important;box-shadow:none!important;
 transition:color .2s ease,background .2s ease!important;
}
body .site-header .main-nav a:is(:hover,:focus-visible),body.hayz-experience .site-header .main-nav a:is(:hover,:focus-visible){color:#ffeaf1!important;background:rgba(183,70,113,.15)!important;transform:none!important}
body .site-header .main-nav a.active,body.hayz-experience .site-header .main-nav a.active{
 color:#f5afc8!important;background:rgba(188,69,110,.16)!important;
 box-shadow:inset 0 -2px 0 #d37496!important;
}
body .site-header .nav-actions,body.hayz-experience .site-header .nav-actions{
 grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;
 align-items:center!important;gap:8px!important;min-width:max-content!important;
}
body .site-header .nav-actions>.btn,body.hayz-experience .site-header .nav-actions>.btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:0 13px!important;height:42px!important;border-radius:4px!important;
 font-size:.80rem!important;letter-spacing:.03em!important;
}
body .site-header .nav-actions .btn-primary,body.hayz-experience .site-header .nav-actions .btn-primary{
 color:#fff!important;background:linear-gradient(135deg,#862944,#bc587c)!important;border-color:rgba(233,150,179,.48)!important;
}
body .site-header .nav-toggle,body.hayz-experience .site-header .nav-toggle{
 display:none!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;
 border:1px solid rgba(218,125,158,.29)!important;border-radius:6px!important;
 background:#272027!important;color:#ffdeea!important;cursor:pointer!important;
}
@media(max-width:1560px){
 body .site-header .nav-actions>.btn.btn-ghost.desktop-only,body.hayz-experience .site-header .nav-actions>.btn.btn-ghost.desktop-only{display:none!important}
}
@media(max-width:1370px){
 body .site-header .nav-shell.container,body.hayz-experience .site-header .nav-shell.container{
  grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;min-height:82px!important;
 }
 body .site-header .main-nav,body.hayz-experience .site-header .main-nav{
  position:absolute!important;top:calc(100% + 4px)!important;left:clamp(14px,3vw,40px)!important;
  right:clamp(14px,3vw,40px)!important;bottom:auto!important;
  width:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;
  padding:10px!important;border:1px solid rgba(226,136,165,.22)!important;border-radius:12px!important;
  background:rgba(19,16,23,.98)!important;box-shadow:0 25px 65px rgba(0,0,0,.63)!important;
  overflow-y:auto!important;max-height:min(75dvh,670px)!important;z-index:1200!important;
 }
 body .site-header .main-nav.open,body.hayz-experience .site-header .main-nav.open{display:flex!important}
 body .site-header .main-nav a,body.hayz-experience .site-header .main-nav a{
  width:100%!important;text-align:left!important;font-size:.85rem!important;min-height:44px!important;display:flex!important;align-items:center!important;
 }
 body .site-header .nav-toggle,body.hayz-experience .site-header .nav-toggle{display:flex!important;flex:0 0 44px!important}
 body .site-header .nav-actions,body.hayz-experience .site-header .nav-actions{grid-column:2!important}
}
@media(max-width:760px){
 body .site-header .nav-shell.container,body.hayz-experience .site-header .nav-shell.container{
  width:calc(100% - 28px)!important;min-height:72px!important;
 }
 body .site-header .brand-logo,body.hayz-experience .site-header .brand-logo{width:52px!important;height:52px!important}
 body .site-header .brand-copy,body.hayz-experience .site-header .brand-copy{display:none!important}
 body .site-header .nav-actions>.desktop-only,body.hayz-experience .site-header .nav-actions>.desktop-only{display:none!important}
 body .site-header .main-nav,body.hayz-experience .site-header .main-nav{left:12px!important;right:12px!important;top:calc(100% + 4px)!important}
}

/* FINAL: echte Desktopbreite mit MasterOwner-Anzeige, ohne Ueberlappung.
   Alle Seiten nutzen die gleiche aus main.js gerenderte Navigationsleiste. */
@media (min-width:1651px){
 body .site-header .nav-shell.container,body.hayz-experience .site-header .nav-shell.container{
  max-width:1980px!important;
  width:calc(100% - clamp(36px,4vw,88px))!important;
  grid-template-columns:minmax(168px,205px) minmax(0,1fr) auto!important;
  gap:clamp(10px,1vw,22px)!important;
 }
 body .site-header .main-nav,body.hayz-experience .site-header .main-nav{justify-self:center!important;max-width:100%!important}
 body .site-header .main-nav a,body.hayz-experience .site-header .main-nav a{padding:10px 11px!important;font-size:clamp(.72rem,.62vw,.82rem)!important;letter-spacing:.052em!important}
 body .site-header .account-bar{gap:6px!important}
 body .site-header .account-user{padding-right:8px!important}
 body .site-header .account-actions{gap:5px!important}
 body .site-header .account-action{padding:0 9px!important}
}
/* Schon vor einer Kollision der angemeldeten Navigation in den Menue-Modus wechseln. */
@media (max-width:1650px){
 body .site-header .nav-shell.container,body.hayz-experience .site-header .nav-shell.container{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  max-width:1480px!important;
 }
 body .site-header .nav-actions,body.hayz-experience .site-header .nav-actions{grid-column:2!important;grid-row:1!important}
 body .site-header .main-nav,body.hayz-experience .site-header .main-nav{
  position:absolute!important;top:calc(100% + 4px)!important;
  left:clamp(14px,3vw,46px)!important;right:clamp(14px,3vw,46px)!important;
  bottom:auto!important;max-height:75vh!important;
  display:none!important;flex-direction:column!important;align-items:stretch!important;
  margin:0!important;padding:10px!important;z-index:1300!important;
  background:rgba(19,16,23,.99)!important;border-radius:12px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
 }
 body .site-header .main-nav.open,body.hayz-experience .site-header .main-nav.open{display:flex!important}
 body .site-header .main-nav a,body.hayz-experience .site-header .main-nav a{
  min-height:42px!important;width:100%!important;display:flex!important;align-items:center!important;
  text-align:left!important;line-height:1.15!important;font-size:.88rem!important;padding:12px 15px!important;
 }
 body .site-header .nav-toggle,body.hayz-experience .site-header .nav-toggle{display:flex!important}
 body .site-header .nav-actions>.desktop-only,body.hayz-experience .site-header .nav-actions>.desktop-only{display:none!important}
}
/* Mobil: Login-Funktionen im aufklappbaren Menue; kein Header-Overflow. */
@media (max-width:760px){
 body .site-header .nav-actions .account-user{display:flex!important}
 body .site-header .nav-actions .account-actions{display:none!important}
 body .site-header .nav-actions>.auth-slot{min-width:0!important}
 body .site-header .nav-actions,body.hayz-experience .site-header .nav-actions{gap:6px!important;min-width:0!important}
 body .site-header .main-nav .hv-mobile-link,body.hayz-experience .site-header .main-nav .hv-mobile-link{display:flex!important}
}
@media (min-width:761px){body .site-header .main-nav .hv-mobile-link{display:none!important}}
/* Einheitliche aktive Tabs je Saison, auch auf der eigens gestylten Startseite. */
:root[data-site-season="standard"] body .site-header .main-nav a.active,
:root:not([data-site-season]) body .site-header .main-nav a.active{
 color:#f5afc8!important;background:rgba(188,69,110,.16)!important;box-shadow:inset 0 -2px 0 #d37496!important;
}
:root[data-site-season="halloween"] body .site-header .main-nav a.active,
:root[data-site-season="halloween"] body.hayz-experience .site-header .main-nav a.active{
 color:#200e0a!important;background:linear-gradient(130deg,#ffaf53,#df5a28)!important;
 box-shadow:inset 0 -2px 0 rgba(255,222,184,.38)!important;
}
:root[data-site-season="christmas"] body .site-header .main-nav a.active,
:root[data-site-season="christmas"] body.hayz-experience .site-header .main-nav a.active{
 color:#fff!important;background:linear-gradient(130deg,#e34550,#941b34)!important;box-shadow:inset 0 -2px 0 rgba(255,255,255,.35)!important;
}