/* =========================================================
   V88 — NAVIGATION CLEANUP
   Public: HOME / CONTENT / STREAM / ADMIN
   Admin: Dashboard / Inhalte / Stream / System / Abmelden
   ========================================================= */

.v88-nav{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  position:relative;
  overflow:visible!important;
}
.v88-top-link{
  appearance:none;
  display:flex!important;
  align-items:center;
  gap:5px;
  padding:12px 15px!important;
  border:0;
  background:transparent;
  color:#f4f4f6!important;
  text-decoration:none!important;
  text-transform:uppercase;
  font:900 12px/1 Arial,sans-serif!important;
  letter-spacing:.65px;
  cursor:pointer;
  white-space:nowrap;
}
.v88-top-link:hover,
.v88-top-link.active,
.v88-nav-group.is-open>.v88-top-link{
  color:#ff2d78!important;
}
.v88-nav-button span{
  color:#777d87;
  font-size:8px;
  transition:transform .18s ease;
}
.v88-nav-group.is-open>.v88-nav-button span{
  transform:rotate(180deg);
}
.v88-nav-group{position:relative}
.v88-nav-menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:9000;
  display:none;
  width:285px;
  padding:7px;
  border:1px solid #ff075f2c;
  border-radius:10px;
  background:rgba(5,6,10,.985);
  box-shadow:0 22px 55px rgba(0,0,0,.65),0 0 28px rgba(255,7,95,.08);
  backdrop-filter:blur(14px);
}
.v88-nav-group.is-open>.v88-nav-menu{display:grid;gap:4px}
.v88-nav-menu-right{left:auto;right:0}
.v88-nav-menu>a{
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:49px;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:7px;
  color:#fff!important;
  text-decoration:none!important;
  background:transparent!important;
  text-transform:none!important;
}
.v88-nav-menu>a:hover,
.v88-nav-menu>a.active{
  border-color:#ff075f29!important;
  background:linear-gradient(135deg,#ff075f10,#9146ff08)!important;
}
.v88-nav-menu i{
  display:grid;
  place-items:center;
  width:33px;height:33px;
  border:1px solid #ffffff0c;
  border-radius:7px;
  background:#0a0b10;
  color:#ff4a8c;
  font-style:normal;
  font-size:14px;
}
.v88-nav-menu span,
.v88-nav-menu b,
.v88-nav-menu small{display:block}
.v88-nav-menu b{font-size:10px;line-height:1.1}
.v88-nav-menu small{
  margin-top:3px;
  color:#747984;
  font-size:8px;
  font-weight:600;
  line-height:1.2;
}

/* Compact admin top bar */
.v88-admin-nav{
  overflow:visible!important;
  gap:3px!important;
}
.v88-admin-group{position:relative}
.v88-admin-group>button{
  appearance:none;
  border:0;
  background:transparent;
  color:#dfe0e4;
  padding:11px 10px;
  font:850 10px/1 Arial,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.v88-admin-group>button:hover,
.v88-admin-group.is-open>button{color:#ff3e83}
.v88-admin-group>button span{margin-left:4px;color:#777}
.v88-admin-menu{
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  z-index:9500;
  display:none;
  width:190px;
  padding:6px;
  border:1px solid #ff075f28;
  border-radius:8px;
  background:#07080d;
  box-shadow:0 18px 45px #000b;
}
.v88-admin-group.is-open>.v88-admin-menu{display:grid;gap:3px}
.v88-admin-menu-right{left:auto;right:0}
.v88-admin-menu a{
  display:block!important;
  padding:9px 10px!important;
  border-radius:6px;
  color:#d9dbe0!important;
  font-size:9px!important;
  text-decoration:none!important;
}
.v88-admin-menu a:hover{
  background:#ff075f0d!important;
  color:#fff!important;
}

/* Hide page-specific menu buttons that would duplicate the new grouped nav. */
.v36-menu-toggle,.v43-menu-toggle,.v38-menu-toggle,.v39-menu-toggle,.v40-menu-toggle,.v41-menu-toggle,.v42-menu-toggle{
  display:none!important;
}

@media(max-width:980px){
  .v88-top-link{padding:10px 9px!important;font-size:10px!important}
}
@media(max-width:760px){
  .v88-nav{flex-wrap:wrap}
  .v88-nav-group{position:static}
  .v88-nav-menu,.v88-nav-menu-right{
    position:fixed;
    top:78px;
    left:12px;
    right:12px;
    width:auto;
  }
}