/* Legend Gaming - Unified Navbar V1 */
header nav,
.topbar nav,
.navbar nav,
.nav-links {
  display:flex;
  align-items:center;
  gap:6px !important;
}

header nav a,
.topbar nav a,
.navbar nav a,
.nav-links a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 13px !important;
  border-radius:9px !important;
  color:#a0a6b0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:.18s ease !important;
}

header nav a:hover,
.topbar nav a:hover,
.navbar nav a:hover,
.nav-links a:hover {
  color:#fff !important;
  background:rgba(255,255,255,.045) !important;
}

header nav a.active,
.topbar nav a.active,
.navbar nav a.active,
.nav-links a.active,
header nav a[aria-current="page"],
.topbar nav a[aria-current="page"],
.navbar nav a[aria-current="page"],
.nav-links a[aria-current="page"] {
  color:#fff !important;
  background:linear-gradient(
    180deg,
    rgba(239,35,60,.22),
    rgba(130,8,24,.22)
  ) !important;
  border:1px solid rgba(239,35,60,.16) !important;
}

/* Skin Changer pages */
.game-switch {
  margin-top:0 !important;
}

.game-switch a,
.game-switch button {
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  min-height:36px !important;
}

/* Prevent older page CSS from making one nav smaller/larger */
.topbar {
  min-height:58px !important;
}

@media(max-width:980px){
  header nav a,
  .topbar nav a,
  .navbar nav a,
  .nav-links a{
    font-size:11px !important;
    padding:0 10px !important;
  }
}


/* ===== Legend Gaming - Soft Red Navbar Hover ===== */

header nav a,
.topbar nav a,
.navbar nav a,
.nav-links a {
    position: relative !important;
    overflow: hidden !important;
    transition:
        color .20s ease,
        background .20s ease,
        border-color .20s ease,
        box-shadow .20s ease,
        transform .20s ease !important;
}

header nav a:hover,
.topbar nav a:hover,
.navbar nav a:hover,
.nav-links a:hover {
    color: #ffffff !important;

    background: radial-gradient(
        circle at center,
        rgba(239,35,60,.16) 0%,
        rgba(239,35,60,.08) 48%,
        rgba(239,35,60,.02) 75%,
        transparent 100%
    ) !important;

    border-color: rgba(239,35,60,.14) !important;

    box-shadow:
        inset 0 0 18px rgba(239,35,60,.05),
        0 0 18px rgba(239,35,60,.07) !important;

    transform: translateY(-1px) !important;
}

header nav a.active,
.topbar nav a.active,
.navbar nav a.active,
.nav-links a.active {
    background: linear-gradient(
        180deg,
        rgba(239,35,60,.22),
        rgba(130,8,24,.16)
    ) !important;

    box-shadow:
        inset 0 0 20px rgba(239,35,60,.07),
        0 0 15px rgba(239,35,60,.05) !important;
}