/* ResidentBet responsive semantic navigation icons. */
[data-menu-icon] .nav-menu-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  line-height: 1.1 !important;
}
[data-menu-icon] .nav-menu-title::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  -webkit-mask: var(--resident-menu-icon) center / contain no-repeat !important;
  mask: var(--resident-menu-icon) center / contain no-repeat !important;
  opacity: .92;
  filter: none;
  transition: transform .18s ease, filter .18s ease, background-color .18s ease;
}
[data-menu-icon]:hover .nav-menu-title::before,
[data-menu-icon]:focus-visible .nav-menu-title::before,
[data-menu-icon].active .nav-menu-title::before,
[data-menu-icon].is-current .nav-menu-title::before {
  background: currentColor !important;
  opacity: 1;
  filter: none;
  transform: translateY(-1px) scale(1.06);
}

[data-menu-icon="promotions"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h18v4H3zM5 13h14v8H5zM12 9v12'/%3E%3Cpath d='M12 9H8a2.5 2.5 0 1 1 2.5-2.5L12 9zm0 0h4a2.5 2.5 0 1 0-2.5-2.5L12 9z'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="tournaments"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4a4 4 0 0 1-8 0V4zM10 14h4M12 12v6M8 21h8'/%3E%3Cpath d='M8 6H4v2a4 4 0 0 0 4 4m8-6h4v2a4 4 0 0 1-4 4'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="sports"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='m12 7 3.6 2.6-1.4 4.2H9.8L8.4 9.6 12 7zm-3.6 2.6-4-.4M9.8 13.8 7.4 17m6.8-3.2 2.4 3.2m-1-7.4 4-.4M12 7l.1-4.2M7.4 17l-.3 3m9.5-3 .3 3'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="live-casino"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='12' height='16' rx='2' transform='rotate(-8 10 12)'/%3E%3Crect x='9' y='5' width='11' height='15' rx='2'/%3E%3Cpath d='m14.5 10 2 2-2 2-2-2 2-2z'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="live-betting"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.5 13h3l1.5-4 3.1 7 1.6-4H19'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="slots"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='16' height='17' rx='2'/%3E%3Cpath d='M6 8h10v7H6zM9.3 8v7m3.4-7v7M19 8h2v5h-2M21 10.5v7'/%3E%3Cpath d='M7.2 11.5h1m2.3 0h1m2.3 0h1M7 18h8'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="wheel"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13' r='8.5'/%3E%3Ccircle cx='12' cy='13' r='2'/%3E%3Cpath d='M12 4.5V11m0 4v6.5M3.5 13H10m4 0h6.5M6 7l4.6 4.6m2.8 2.8L18 19M18 7l-4.6 4.6m-2.8 2.8L6 19M12 4.5 14 2h-4l2 2.5z'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="games"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h10a4 4 0 0 1 3.7 5.5l-1.8 4.2a2 2 0 0 1-3.3.6L14 16h-4l-1.6 2.3a2 2 0 0 1-3.3-.6l-1.8-4.2A4 4 0 0 1 7 8z'/%3E%3Cpath d='M8 11v4m-2-2h4m6-1h.01m2 2h.01'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="aviator"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m2 14 8.2-3.6 2.4-7.2c.3-.9 1.4-1.4 2.3-1l.8.4c.7.3 1.1 1.1.8 1.9l-1.7 5.2 5.8-1.2c.9-.2 1.8.2 2.2 1l.2.5-8.8 4.3-2.7 6.3-1.7-.8.8-4.6-4.2 1.4L2 14z'/%3E%3C/svg%3E"); }
[data-menu-icon="high-flyer"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4c3-2 5-2 6-2 0 1 0 3-2 6l-5 5-4-4 5-5zM9 9 5 10l-3 3 6 1m5-1 1 6 3-3 1-4'/%3E%3Cpath d='M8 16c-2 0-4 2-4 4 2 0 4-2 4-4zM15.5 6.5h.01'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="spaceman"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2M8 10h8a3 3 0 0 1 3 3v5H5v-5a3 3 0 0 1 3-3z'/%3E%3Cpath d='M9 7h6v4H9zM8 18v3m8-3v3M5 14H3v4h2m14-4h2v4h-2'/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu-icon="bonus"] { --resident-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='5'/%3E%3Ccircle cx='16' cy='9' r='5'/%3E%3Cpath d='M8 12v6m-2-3h4m6-9v6m-2-3h4'/%3E%3C/g%3E%3C/svg%3E"); }

@media (max-width: 767px) {
  .hdr-navigation-scrollable-content {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    background: #080808 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  .hdr-navigation-scrollable-bc::before,
  .hdr-navigation-scrollable-bc::after,
  .hdr-navigation-scrollable-bc.scroll-start::before,
  .hdr-navigation-scrollable-bc.scroll-start::after,
  .hdr-navigation-scrollable-bc.scroll-end::before,
  .hdr-navigation-scrollable-bc.scroll-end::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon] {
    position: relative !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f8f8f6 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transform: none !important;
  }
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon]::after {
    content: none !important;
    display: none !important;
  }
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="promotions"] {
    isolation: isolate !important;
    overflow: hidden !important;
  }
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="promotions"]::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 1px !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 1px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: conic-gradient(from var(--resident-mobile-promo-angle), transparent 0 72deg, #720012 92deg, #d40025 116deg, #ff2448 142deg, #ff6680 158deg, #ff2448 176deg, #d40025 198deg, #720012 220deg, transparent 240deg 360deg) !important;
    box-shadow: none !important;
    pointer-events: none !important;
    filter: drop-shadow(0 0 3px rgba(255,36,72,.65)) !important;
    animation: resident-mobile-promo-spin 2.8s linear infinite !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
  }
  .hdr-navigation-link-bc[data-menu-icon] .nav-menu-title {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 9.5px !important;
    font-weight: 650 !important;
    line-height: 18px !important;
    letter-spacing: .15px !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    transform: none !important;
  }
  .hdr-navigation-link-bc[data-menu-icon] .nav-menu-title::before {
    display: block !important;
    flex: 0 0 15px !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    background-color: currentColor !important;
    opacity: .9 !important;
    filter: none !important;
    transform: none !important;
  }
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon]:hover,
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon]:focus-visible,
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon].active,
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon].is-current {
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
  }
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon] + .hdr-navigation-link-bc[data-menu-icon]::before {
    content: none !important;
    display: none !important;
  }

  /* Remove the legacy dark overlay on the live-casino item. */
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="live-casino"],
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="live-casino"]:visited,
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="live-casino"]:hover,
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="live-casino"]:focus,
  .hdr-navigation-scrollable-content .hdr-navigation-link-bc[data-menu-icon="live-casino"]:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }
}

@property --resident-mobile-promo-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes resident-mobile-promo-spin {
  to { --resident-mobile-promo-angle: 360deg; }
}
@media (min-width: 768px) {
  .riva-desktop-title-menu [data-menu-icon] .nav-menu-title {
    font: inherit !important;
    color: inherit !important;
  }
}
