/* WGRCMS-Step-0052 Menu Hover Fix */

/* Hover/Active für ALLE Menüpunkte gleich, auch Startseite + Aktuelles */
.main-nav a{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Hintergrund-Hover sauber als Pseudo, damit alte active-Regeln nicht stören */
.main-nav a::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:14px 0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.10)!important;
  opacity:0!important;
  transform:scale(.96)!important;
  transition:opacity .16s ease, transform .16s ease!important;
  z-index:-1!important;
}

/* Unterstrich bleibt */
.main-nav a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:0!important;
  height:4px!important;
  border-radius:4px 4px 0 0!important;
  background:#fff!important;
  opacity:1!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .18s ease!important;
}

/* Hover wirklich für alle */
.main-nav a:hover::before,
.main-nav a:focus-visible::before{
  opacity:1!important;
  transform:scale(1)!important;
}

.main-nav a:hover::after,
.main-nav a:focus-visible::after{
  transform:scaleX(.55)!important;
}

/* Aktiver Punkt */
.main-nav a.active::before,
.main-nav a[aria-current="page"]::before{
  opacity:.85!important;
  transform:scale(1)!important;
}

.main-nav a.active::after,
.main-nav a[aria-current="page"]::after{
  transform:scaleX(1)!important;
}

/* Startseite darf nicht durch ältere first-child-Regeln blockiert werden */
.main-nav a:first-child::before{
  display:block!important;
  content:""!important;
}

.main-nav a:first-child::after{
  display:block!important;
  content:""!important;
}

/* explizit für Aktuelles ebenfalls erzwingen */
.main-nav a[href*="news"]::before,
.main-nav a[href*="aktuelles"]::before,
.main-nav a[href*="view=aktuelles"]::before,
.main-nav a[href*="page=aktuelles"]::before,
.main-nav a[href*="news"]::after,
.main-nav a[href*="aktuelles"]::after,
.main-nav a[href*="view=aktuelles"]::after,
.main-nav a[href*="page=aktuelles"]::after{
  display:block!important;
  content:""!important;
}

/* ältere CSS-Regeln neutralisieren, die bei hover background hart überschreiben */
.main-nav a:hover{
  color:#fff!important;
  opacity:1!important;
  background:transparent!important;
  transform:none!important;
  box-shadow:none!important;
}

/* Aktiver Hover soll nicht verschwinden */
.main-nav a.active:hover::after,
.main-nav a[aria-current="page"]:hover::after{
  transform:scaleX(1)!important;
}

@media(max-width:980px){
  .main-nav a::before{
    inset:4px 0!important;
    border-radius:7px!important;
  }
}