/* VoovBet desktop navigation: CMS owns the links and SVG icon names. */
@media (min-width: 768px) {
  .asideMenuContent .asideMenuNavItemIconWrapper {
    color: #bdc7d2;
    transition: color .16s ease, transform .16s ease;
  }
  .asideMenuContent .asideMenuCompactNav {
    border-radius: 10px;
    border: 1px solid rgba(185, 204, 224, .10);
    background: linear-gradient(145deg, rgba(185, 204, 224, .12), rgba(185, 204, 224, .05));
    transition: background .16s ease, border-color .16s ease;
  }
  .asideMenuContent .asideMenuNavLink:hover .asideMenuCompactNav,
  .asideMenuContent .asideMenuNavLink:focus-visible .asideMenuCompactNav,
  .asideMenuContent .active > .asideMenuNavLink .asideMenuCompactNav {
    background: linear-gradient(145deg, rgba(235, 30, 52, .25), rgba(235, 30, 52, .09));
    border-color: rgba(255, 66, 86, .55);
  }
  .asideMenuContent .asideMenuNavLink:hover .asideMenuNavItemIconWrapper,
  .asideMenuContent .asideMenuNavLink:focus-visible .asideMenuNavItemIconWrapper,
  .asideMenuContent .active > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    color: #fff;
  }
  .asideMenuContent .asideMenuNavLink:focus-visible {
    outline: 2px solid #ff4256;
    outline-offset: -2px;
    border-radius: 10px;
  }
  .asideMenuContent .asideMenuOpenNav {
    border-radius: 8px;
    gap: 12px;
  }
  .asideMenuContent .asideMenuOpenNavTitle { font-weight: 500; }
  .asideMenuContent .asideMenuCompact,
  .asideMenuContent .asideMenuOpen {
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(219, 47, 67, .60) transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .asideMenuContent .asideMenuNavItemIconWrapper,
  .asideMenuContent .asideMenuCompactNav { transition: none; }
}

/* Decorative highlights for featured navigation; no unread-count meaning. */
@media (min-width: 768px) {
  .asideMenuContent .asideMenuNavLink:is(
    [href="/tr/promotions"],
    [href="https://luckywhell.voovbet318.com/"],
    [href="/tr/casino/jackpot"],
    [href="/tr/casino/slots/65"]
  ) > :is(.asideMenuCompactNav, .asideMenuOpenNav) {
    position: relative;
    overflow: visible;
  }
  .asideMenuContent .asideMenuNavLink:is(
    [href="/tr/promotions"],
    [href="https://luckywhell.voovbet318.com/"],
    [href="/tr/casino/jackpot"],
    [href="/tr/casino/slots/65"]
  ) > :is(.asideMenuCompactNav, .asideMenuOpenNav)::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b8bec6;
    box-shadow: 0 0 0 2px #0b1722;
    pointer-events: none;
    z-index: 2;
  }
}