/* ==========================================================================
   BLUE THEME OVERRIDE FOR TEST ENVIRONMENT (IS_TEST=true)
   Matches Event v2 Blue / Cyan styling across the entire layout and site
   ========================================================================== */

:root {
    --color-red-theme: #2ed3f8 !important;
    --color-red-theme-50: rgba(46, 211, 248, 0.5) !important;
    --color-maroon: #0b2545 !important;
    --color-lose: #2ed3f8 !important;
    --notify-accent: #2ed3f8 !important;
    --bs-primary: #2ed3f8 !important;
    --bs-primary-rgb: 46, 211, 248 !important;
    --ev2-cyan-accent: #00d8f6 !important;
    --ev2-cyan-btn: #2ed3f8 !important;
}

/* --------------------------------------------------------------------------
   1. BUTTONS (.btn-themed, .btn-themed-2, .btn-primary, .btn-themed-wrapper)
   -------------------------------------------------------------------------- */
.btn-themed-wrapper .btn-themed,
.btn-themed-2,
.btn-themed,
.home-search-form-group .btn-themed {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.btn-themed-wrapper::before,
.btn-themed-wrapper::after {
    background: #2ed3f8 !important;
}

.btn-themed-wrapper:hover .btn-themed,
.btn-themed-2:hover,
.btn-themed-wrapper:hover::before,
.btn-themed-wrapper:hover::after,
.tbi-card .btn-themed-wrapper:hover .btn-themed,
.home-search-form-group .btn-themed:hover {
    background: #5ce0ff !important;
    color: #0b131b !important;
}

/* Select themed & select2 (Timezone dropdown) */
.id-global .select2-outer,
.select-themed-wrapper .select-themed {
    background: #2d353d !important;
    color: #ffffff !important;
    border: none !important;
}

.id-global .select2-wrapper::before,
.id-global .select2-wrapper::after,
.select-themed-wrapper::before,
.select-themed-wrapper::after {
    background: #2d353d !important;
}

.id-global .select2-container .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    height: 35px;
}

.id-global .select2-container .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    font-weight: 600 !important;
    line-height: 35px;
}

.id-global .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent !important;
}

.btn-primary,
.btn-danger {
    background-color: #2ed3f8 !important;
    border-color: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #5ce0ff !important;
    border-color: #5ce0ff !important;
    color: #0b131b !important;
    box-shadow: 0 0 12px rgba(46, 211, 248, 0.4) !important;
}

/* Specific button overrides */
.profile-edit-btn,
.popup-banner-btn-primary,
.account-btn-edit {
    background-color: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.profile-edit-btn:hover,
.popup-banner-btn-primary:hover,
.account-btn-edit:hover {
    background-color: #5ce0ff !important;
    color: #0b131b !important;
}

.profile-change-password-btn:hover {
    background-color: #5ce0ff !important;
    color: #0b131b !important;
}

/* --------------------------------------------------------------------------
   2. NAVBAR, NAVIGATION, SIDEBAR & LINKS
   -------------------------------------------------------------------------- */
.navbar-nav .nav-link.active,
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-link:hover,
.navbar-menu .nav-link:hover,
.navbar-menu .nav-link.active,
.nav-link.active,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.sidebar-menu .active > a,
.sidebar-menu a:hover,
a.themed-link:hover,
a:hover {
    color: #2ed3f8 !important;
}

/* Versus / Compare Dropdown */
.versus-dropdown button:hover .nav-link,
.versus-dropdown:hover .nav-link,
.versus-dropdown button:focus .nav-link {
    background: transparent !important;
    color: #2ed3f8 !important;
}

.versus-dropdown-menu .dropdown-item:hover,
.versus-dropdown-menu .dropdown-item:focus,
.versus-dropdown-menu .dropdown-item.active,
#header .versus-dropdown-menu .dropdown-item:hover,
#header .versus-dropdown-menu .dropdown-item:focus,
#header .versus-dropdown-menu .dropdown-item.active {
    background: rgba(46, 211, 248, 0.15) !important;
    color: #2ed3f8 !important;
}

#header .nav-item.active .versus-dropdown .nav-link,
.versus-dropdown.show .nav-link {
    color: #2ed3f8 !important;
    text-shadow: -2px -2px 8px rgba(46, 211, 248, 0.6), 2px 2px 8px rgba(46, 211, 248, 0.6) !important;
}

.light #header .nav-item.active .versus-dropdown .nav-link,
.light .versus-dropdown.show .nav-link {
    text-shadow: -2px -2px 8px rgba(46, 211, 248, 0.4), 2px 2px 8px rgba(46, 211, 248, 0.4) !important;
}

/* Badges */
.badge-primary,
.badge.badge-primary,
.badge-themed {
    background-color: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
   3. TABS, PILLS, SWITCHERS & ACTIVE INDICATORS
   -------------------------------------------------------------------------- */
/* Switch options (Theme LIGHT/DARK, Results YES/NO, Timezone YES/NO) */
.switch-option .switch-item {
    background: #2d353d !important;
    transition: background 0.2s ease, color 0.2s ease;
}

.switch-option .switch-link {
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: color 0.2s ease;
}

/* Inactive dog-ears */
.switch-option .switch-option-wrapper:first-of-type::before,
.switch-option .switch-option-wrapper:last-of-type::after {
    background: #2d353d !important;
}

/* Active switch */
.switch-option .switch-item:has(.switch-link.active),
.switch-option .switch-item.active {
    background: #2ed3f8 !important;
}

.switch-option .switch-option-wrapper:first-of-type:has(.switch-link.active)::before,
.switch-option .switch-option-wrapper:last-of-type:has(.switch-link.active)::after {
    background: #2ed3f8 !important;
}

.switch-option .switch-item:has(.switch-link.active) .switch-link,
.switch-option .switch-link.active {
    background: transparent !important;
    color: #0b131b !important;
    font-weight: 800 !important;
}

/* Hover switch */
.switch-option .switch-item:hover {
    background: #5ce0ff !important;
}

.switch-option .switch-option-wrapper:first-of-type:hover::before,
.switch-option .switch-option-wrapper:last-of-type:hover::after {
    background: #5ce0ff !important;
}

.switch-option .switch-item:hover .switch-link,
.switch-option .switch-link:hover {
    color: #0b131b !important;
    font-weight: 800 !important;
}

/* Regular tabs & pills (excluding drawer header mnh-tab and clipped .tabs .nav) */
.tabs .nav .nav-item-wrapper:first-of-type:hover::before,
.tabs .nav .nav-item-wrapper:first-of-type:has(.nav-link.active)::before,
.tabs .nav .nav-item-wrapper:last-of-type:hover::after,
.tabs .nav .nav-item-wrapper:last-of-type:has(.nav-link.active)::after {
    background: #2ed3f8 !important;
}

.tabs .nav .nav-item:hover,
.tabs .nav .nav-item:has(.nav-link.active),
.matches-view-tabs .nav-item:hover,
.matches-view-tabs .nav-item:has(.nav-link.active),
.boot-tabs .nav-item:hover,
.boot-tabs .nav-item:has(.nav-link.active) {
    background: #2ed3f8 !important;
}

.nav-tabs:not(.mnh-tab):not(.boot-tabs):not(.matches-view-nav) .nav-link.active,
.nav-pills:not(.boot-tabs):not(.matches-view-nav) .nav-link.active:not(.mvt-btn),
.ev2-status-tab.active,
.ev2-sort-option.active,
.fs18-sort-btn.active {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    border-color: #2ed3f8 !important;
    font-weight: 700 !important;
}

.nav-tabs:not(.mnh-tab):not(.boot-tabs):not(.matches-view-nav) .nav-link:hover,
.tabs .nav:not(.boot-tabs):not(.matches-view-nav) .nav-link:hover,
.ev2-sort-option:hover {
    color: #2ed3f8 !important;
}

.fs18-sort-btn:hover:not(.active) {
    background: rgba(46, 211, 248, 0.2) !important;
    color: #2ed3f8 !important;
}

/* Prevent inner box & tap highlight artifacts on mobile / touch / click */
.tabs .nav .nav-item,
.matches-view-tabs .nav-item,
.boot-tabs .nav-item {
    -webkit-tap-highlight-color: transparent !important;
}

.tabs .nav .nav-item .nav-link,
.tabs .nav .nav-item .nav-link:hover,
.tabs .nav .nav-item .nav-link:focus,
.tabs .nav .nav-item .nav-link:active,
.tabs .nav .nav-item .nav-link.active,
.tabs .nav .nav-item .nav-link:focus-visible,
.matches-block .tabs .nav .nav-link,
.matches-block .tabs .nav .nav-link:hover,
.matches-block .tabs .nav .nav-link:focus,
.matches-block .tabs .nav .nav-link:active,
.matches-block .tabs .nav .nav-link.active,
.matches-view-tabs .nav-link,
.matches-view-tabs .nav-link:hover,
.matches-view-tabs .nav-link:focus,
.matches-view-tabs .nav-link:active,
.matches-view-tabs .nav-link.active,
.matches-view-tabs .nav-link:focus-visible,
.boot-tabs .nav-link,
.boot-tabs .nav-link:hover,
.boot-tabs .nav-link:focus,
.boot-tabs .nav-link:active,
.boot-tabs .nav-link.active,
.boot-tabs .nav-link:focus-visible,
.matches-v2 .matches-block .tabs .nav .nav-link,
.matches-v2 .matches-block .tabs .nav .nav-link:hover,
.matches-v2 .matches-block .tabs .nav .nav-link:focus,
.matches-v2 .matches-block .tabs .nav .nav-link:active,
.matches-v2 .matches-block .tabs .nav .nav-link.active,
.matches-v2 .matches-view-tabs .nav-link,
.matches-v2 .matches-view-tabs .nav-link:hover,
.matches-v2 .matches-view-tabs .nav-link:focus,
.matches-v2 .matches-view-tabs .nav-link:active,
.matches-v2 .matches-view-tabs .nav-link.active,
.matches-v2 .boot-tabs .nav-link,
.matches-v2 .boot-tabs .nav-link:hover,
.matches-v2 .boot-tabs .nav-link:focus,
.matches-v2 .boot-tabs .nav-link:active,
.matches-v2 .boot-tabs .nav-link.active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
}

/* Matches tabs & layout switcher (Always White Text & Icons across all states) */
.matches-block .tabs .nav .nav-item .nav-link,
.matches-block .tabs .nav .nav-item .nav-link:hover,
.matches-block .tabs .nav .nav-item .nav-link:focus,
.matches-block .tabs .nav .nav-item .nav-link:active,
.matches-block .tabs .nav .nav-item .nav-link.active,
.matches-block .tabs .nav .nav-item .nav-link.active:hover,
.matches-block .tabs .nav .nav-item .nav-link.active:focus,
.matches-block .tabs .nav .nav-item .nav-link.active:active,
.matches-block .tabs .nav .nav-link,
.matches-block .tabs .nav .nav-link:hover,
.matches-block .tabs .nav .nav-link:focus,
.matches-block .tabs .nav .nav-link:active,
.matches-block .tabs .nav .nav-link.active,
.matches-view-tabs .nav-link,
.matches-view-tabs .nav-link:hover,
.matches-view-tabs .nav-link:focus,
.matches-view-tabs .nav-link:active,
.matches-view-tabs .nav-link.active,
.matches-view-tabs .nav-link i,
.matches-view-tabs .nav-link:hover i,
.matches-view-tabs .nav-link:focus i,
.matches-view-tabs .nav-link:active i,
.matches-view-tabs .nav-link.active i,
.boot-tabs .nav-link,
.boot-tabs .nav-link:hover,
.boot-tabs .nav-link:focus,
.boot-tabs .nav-link:active,
.boot-tabs .nav-link.active,
.boot-tabs .nav-link.active:hover,
.boot-tabs .nav-link.active:focus,
.boot-tabs .nav-link.active:active,
.matches-v2 .matches-block .tabs .nav .nav-link,
.matches-v2 .matches-block .tabs .nav .nav-link:hover,
.matches-v2 .matches-block .tabs .nav .nav-link:focus,
.matches-v2 .matches-block .tabs .nav .nav-link:active,
.matches-v2 .matches-block .tabs .nav .nav-link.active,
.matches-v2 .matches-view-tabs .nav-link,
.matches-v2 .matches-view-tabs .nav-link:hover,
.matches-v2 .matches-view-tabs .nav-link:focus,
.matches-v2 .matches-view-tabs .nav-link:active,
.matches-v2 .matches-view-tabs .nav-link.active,
.matches-v2 .matches-view-tabs .nav-link i,
.matches-v2 .matches-view-tabs .nav-link:hover i,
.matches-v2 .matches-view-tabs .nav-link:focus i,
.matches-v2 .matches-view-tabs .nav-link:active i,
.matches-v2 .matches-view-tabs .nav-link.active i,
.matches-v2 .boot-tabs .nav-link,
.matches-v2 .boot-tabs .nav-link:hover,
.matches-v2 .boot-tabs .nav-link:focus,
.matches-v2 .boot-tabs .nav-link:active,
.matches-v2 .boot-tabs .nav-link.active,
.matches-v2 .boot-tabs .nav-link.active:hover,
.matches-v2 .boot-tabs .nav-link.active:focus,
.matches-v2 .boot-tabs .nav-link.active:active {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Light mode: all text and icons inside blue tabs and boot-tabs become black */
body.light .matches-block .tabs .nav .nav-item .nav-link,
body.light .matches-block .tabs .nav .nav-item .nav-link:hover,
body.light .matches-block .tabs .nav .nav-item .nav-link:focus,
body.light .matches-block .tabs .nav .nav-item .nav-link:active,
body.light .matches-block .tabs .nav .nav-item .nav-link.active,
body.light .matches-block .tabs .nav .nav-item .nav-link.active:hover,
body.light .matches-block .tabs .nav .nav-item .nav-link.active:focus,
body.light .matches-block .tabs .nav .nav-item .nav-link.active:active,
body.light .matches-block .tabs .nav .nav-link,
body.light .matches-block .tabs .nav .nav-link:hover,
body.light .matches-block .tabs .nav .nav-link:focus,
body.light .matches-block .tabs .nav .nav-link:active,
body.light .matches-block .tabs .nav .nav-link.active,
body.light .matches-view-tabs .nav-link,
body.light .matches-view-tabs .nav-link:hover,
body.light .matches-view-tabs .nav-link:focus,
body.light .matches-view-tabs .nav-link:active,
body.light .matches-view-tabs .nav-link.active,
body.light .matches-view-tabs .nav-link i,
body.light .matches-view-tabs .nav-link:hover i,
body.light .matches-view-tabs .nav-link:focus i,
body.light .matches-view-tabs .nav-link:active i,
body.light .matches-view-tabs .nav-link.active i,
body.light .boot-tabs .nav-link,
body.light .boot-tabs .nav-link:hover,
body.light .boot-tabs .nav-link:focus,
body.light .boot-tabs .nav-link:active,
body.light .boot-tabs .nav-link.active,
body.light .boot-tabs .nav-link.active:hover,
body.light .boot-tabs .nav-link.active:focus,
body.light .boot-tabs .nav-link.active:active,
body.light .boot-tabs .nav-link i,
body.light .boot-tabs .nav-link:hover i,
body.light .boot-tabs .nav-link:focus i,
body.light .boot-tabs .nav-link:active i,
body.light .boot-tabs .nav-link.active i,
body.light .boot-tabs .nav-link svg,
body.light .matches-v2 .matches-block .tabs .nav .nav-link,
body.light .matches-v2 .matches-block .tabs .nav .nav-link:hover,
body.light .matches-v2 .matches-block .tabs .nav .nav-link:focus,
body.light .matches-v2 .matches-block .tabs .nav .nav-link:active,
body.light .matches-v2 .matches-block .tabs .nav .nav-link.active,
body.light .matches-v2 .matches-view-tabs .nav-link,
body.light .matches-v2 .matches-view-tabs .nav-link:hover,
body.light .matches-v2 .matches-view-tabs .nav-link:focus,
body.light .matches-v2 .matches-view-tabs .nav-link:active,
body.light .matches-v2 .matches-view-tabs .nav-link.active,
body.light .matches-v2 .matches-view-tabs .nav-link i,
body.light .matches-v2 .matches-view-tabs .nav-link:hover i,
body.light .matches-v2 .matches-view-tabs .nav-link:focus i,
body.light .matches-v2 .matches-view-tabs .nav-link:active i,
body.light .matches-v2 .matches-view-tabs .nav-link.active i,
body.light .matches-v2 .boot-tabs .nav-link,
body.light .matches-v2 .boot-tabs .nav-link:hover,
body.light .matches-v2 .boot-tabs .nav-link:focus,
body.light .matches-v2 .boot-tabs .nav-link:active,
body.light .matches-v2 .boot-tabs .nav-link.active,
body.light .matches-v2 .boot-tabs .nav-link.active:hover,
body.light .matches-v2 .boot-tabs .nav-link.active:focus,
body.light .matches-v2 .boot-tabs .nav-link.active:active,
body.light .matches-v2 .boot-tabs .nav-link i,
body.light .matches-v2 .boot-tabs .nav-link.active i,
body.light .tabs .nav .nav-item .nav-link,
body.light .tabs .nav .nav-item .nav-link:hover,
body.light .tabs .nav .nav-item .nav-link:focus,
body.light .tabs .nav .nav-item .nav-link:active,
body.light .tabs .nav .nav-item .nav-link.active,
body.light .tabs .nav .nav-item .nav-link i,
body.light .tabs .nav .nav-item .nav-link.active i,
body.light .tabs .nav .nav-item.me2 .nav-link,
body.light .tabs .nav .nav-item.me2 .nav-link:hover,
body.light .tabs .nav .nav-item.me2 .nav-link:focus,
body.light .tabs .nav .nav-item.me2 .nav-link:active,
body.light .tabs .nav .nav-item.me2 .nav-link.active,
body.light .tabs .nav .nav-item.me2 .nav-link i,
body.light .tabs .nav .nav-item.me2 .nav-link.active i,
body.light .nav-item.me2 .nav-link,
body.light .nav-item.me2 .nav-link:hover,
body.light .nav-item.me2 .nav-link:focus,
body.light .nav-item.me2 .nav-link:active,
body.light .nav-item.me2 .nav-link.active,
body.light .nav-item.me2 .nav-link i,
body.light .nav-item.me2 .nav-link.active i,
.light .matches-block .tabs .nav .nav-item .nav-link,
.light .matches-block .tabs .nav .nav-item .nav-link:hover,
.light .matches-block .tabs .nav .nav-item .nav-link:focus,
.light .matches-block .tabs .nav .nav-item .nav-link:active,
.light .matches-block .tabs .nav .nav-item .nav-link.active,
.light .matches-block .tabs .nav .nav-item .nav-link.active:hover,
.light .matches-block .tabs .nav .nav-item .nav-link.active:focus,
.light .matches-block .tabs .nav .nav-item .nav-link.active:active,
.light .matches-block .tabs .nav .nav-link,
.light .matches-block .tabs .nav .nav-link:hover,
.light .matches-block .tabs .nav .nav-link:focus,
.light .matches-block .tabs .nav .nav-link:active,
.light .matches-block .tabs .nav .nav-link.active,
.light .matches-view-tabs .nav-link,
.light .matches-view-tabs .nav-link:hover,
.light .matches-view-tabs .nav-link:focus,
.light .matches-view-tabs .nav-link:active,
.light .matches-view-tabs .nav-link.active,
.light .matches-view-tabs .nav-link i,
.light .matches-view-tabs .nav-link:hover i,
.light .matches-view-tabs .nav-link:focus i,
.light .matches-view-tabs .nav-link:active i,
.light .matches-view-tabs .nav-link.active i,
.light .boot-tabs .nav-link,
.light .boot-tabs .nav-link:hover,
.light .boot-tabs .nav-link:focus,
.light .boot-tabs .nav-link:active,
.light .boot-tabs .nav-link.active,
.light .boot-tabs .nav-link.active:hover,
.light .boot-tabs .nav-link.active:focus,
.light .boot-tabs .nav-link.active:active,
.light .boot-tabs .nav-link i,
.light .boot-tabs .nav-link:hover i,
.light .boot-tabs .nav-link:focus i,
.light .boot-tabs .nav-link:active i,
.light .boot-tabs .nav-link.active i,
.light .boot-tabs .nav-link svg,
.light .matches-v2 .matches-block .tabs .nav .nav-link,
.light .matches-v2 .matches-block .tabs .nav .nav-link:hover,
.light .matches-v2 .matches-block .tabs .nav .nav-link:focus,
.light .matches-v2 .matches-block .tabs .nav .nav-link:active,
.light .matches-v2 .matches-block .tabs .nav .nav-link.active,
.light .matches-v2 .matches-view-tabs .nav-link,
.light .matches-v2 .matches-view-tabs .nav-link:hover,
.light .matches-v2 .matches-view-tabs .nav-link:focus,
.light .matches-v2 .matches-view-tabs .nav-link:active,
.light .matches-v2 .matches-view-tabs .nav-link.active,
.light .matches-v2 .matches-view-tabs .nav-link i,
.light .matches-v2 .matches-view-tabs .nav-link:hover i,
.light .matches-v2 .matches-view-tabs .nav-link:focus i,
.light .matches-v2 .matches-view-tabs .nav-link:active i,
.light .matches-v2 .matches-view-tabs .nav-link.active i,
.light .matches-v2 .boot-tabs .nav-link,
.light .matches-v2 .boot-tabs .nav-link:hover,
.light .matches-v2 .boot-tabs .nav-link:focus,
.light .matches-v2 .boot-tabs .nav-link:active,
.light .matches-v2 .boot-tabs .nav-link.active,
.light .matches-v2 .boot-tabs .nav-link.active:hover,
.light .matches-v2 .boot-tabs .nav-link.active:focus,
.light .matches-v2 .boot-tabs .nav-link.active:active,
.light .matches-v2 .boot-tabs .nav-link i,
.light .matches-v2 .boot-tabs .nav-link.active i,
.light .tabs .nav .nav-item .nav-link,
.light .tabs .nav .nav-item .nav-link:hover,
.light .tabs .nav .nav-item .nav-link:focus,
.light .tabs .nav .nav-item .nav-link:active,
.light .tabs .nav .nav-item .nav-link.active,
.light .tabs .nav .nav-item .nav-link i,
.light .tabs .nav .nav-item .nav-link.active i,
.light .tabs .nav .nav-item.me2 .nav-link,
.light .tabs .nav .nav-item.me2 .nav-link:hover,
.light .tabs .nav .nav-item.me2 .nav-link:focus,
.light .tabs .nav .nav-item.me2 .nav-link:active,
.light .tabs .nav .nav-item.me2 .nav-link.active,
.light .tabs .nav .nav-item.me2 .nav-link i,
.light .tabs .nav .nav-item.me2 .nav-link.active i,
.light .nav-item.me2 .nav-link,
.light .nav-item.me2 .nav-link:hover,
.light .nav-item.me2 .nav-link:focus,
.light .nav-item.me2 .nav-link:active,
.light .nav-item.me2 .nav-link.active,
.light .nav-item.me2 .nav-link i,
.light .nav-item.me2 .nav-link.active i {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Mobile drawer header tabs (.mnh-tab) */
.mnh-tab.nav-tabs .nav-link {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: none !important;
    box-shadow: none !important;
}

.mnh-tab.nav-tabs .nav-link i,
.mnh-tab.nav-tabs .nav-link svg {
    color: rgba(255, 255, 255, 0.7) !important;
}

.mnh-tab.nav-tabs .nav-link:hover {
    background: transparent !important;
    color: #2ed3f8 !important;
}

.mnh-tab.nav-tabs .nav-link:hover i,
.mnh-tab.nav-tabs .nav-link:hover svg {
    color: #2ed3f8 !important;
}

.mnh-tab.nav-tabs .nav-link.active {
    background: #172029 !important;
    color: #2ed3f8 !important;
    border: none !important;
    box-shadow: none !important;
}

.mnh-tab.nav-tabs .nav-link.active i,
.mnh-tab.nav-tabs .nav-link.active svg {
    color: #2ed3f8 !important;
}

body.light .mnh-tab.nav-tabs .nav-link,
.light .mnh-tab.nav-tabs .nav-link,
body.light .mnh-tab.nav-tabs .nav-link i,
.light .mnh-tab.nav-tabs .nav-link i,
body.light .mnh-tab.nav-tabs .nav-link svg,
.light .mnh-tab.nav-tabs .nav-link svg,
body.light .mnh-tab .header-misc-icon>a,
.light .mnh-tab .header-misc-icon>a,
body.light .mnh-tab .header-misc-icon>a i,
.light .mnh-tab .header-misc-icon>a i,
body.light .mnh-tab .top-search-trigger-btn,
.light .mnh-tab .top-search-trigger-btn,
body.light .mnh-tab .top-search-trigger-btn i,
.light .mnh-tab .top-search-trigger-btn i,
body.light .mobile-nav-header .mnh-close-btn,
.light .mobile-nav-header .mnh-close-btn,
body.light .mobile-nav-header .mnh-close-btn i,
.light .mobile-nav-header .mnh-close-btn i {
    color: #000000 !important;
}

body.light .mnh-tab.nav-tabs .nav-link.active,
.light .mnh-tab.nav-tabs .nav-link.active {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #000000 !important;
}

body.light .mnh-tab.nav-tabs .nav-link.active i,
.light .mnh-tab.nav-tabs .nav-link.active i {
    color: #000000 !important;
}

.mnh-tab .mnh-menu {
    display: none !important;
}

/* Drawer settings panel labels & hints */
.nb-inner-setting {
    color: #ffffff !important;
}

.nb-inner-setting .nb-setting-label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem;
}

.nb-inner-setting .results-hint,
.nb-inner-setting .timezone-hint {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.8rem;
}

/* --------------------------------------------------------------------------
   4. GRADIENTS & BACKGROUND OVERLAYS (CARD HEADERS, FORUMS, HEROES, TEAMS, PLAYERS, TOP ITEMS)
   -------------------------------------------------------------------------- */
/* Homepage Top Items / Top Players */
.sti,
.light .sti {
    --red-gradient: rgba(46, 211, 248, 0.35) !important;
}

.sti .sti-item,
.light .sti .sti-item {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) -65.13%, rgba(46, 211, 248, 0.35) 100%) !important;
}

/* Forum Category, Topics & Activity */
.fs18-category-label {
    background: linear-gradient(90deg, #2ed3f8 0%, rgba(46, 211, 248, 0) 100%),
        linear-gradient(0deg, rgba(46, 211, 248, 0.06), rgba(46, 211, 248, 0.06)) !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.fs18-topic-label {
    background: linear-gradient(0deg,
            rgba(46, 211, 248, 0.06),
            rgba(46, 211, 248, 0.06)),
        linear-gradient(90deg, #2ed3f8 0%, rgba(46, 211, 248, 0) 100%) !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.fs18-category-card::after,
.fs18-tl-item::after {
    background: linear-gradient(90deg, #0d1825 0%, #1d262f 100%) !important;
}

.fs18-activity-card-wrapper {
    border-left: 2px solid #2ed3f8 !important;
}

.fs18-activity-card-wrapper:hover {
    border-left: 4px solid #2ed3f8 !important;
}

.fs18-totw-title,
.light .fs18-tli-author {
    color: #2ed3f8 !important;
}

.fs18-totw-item:hover {
    border-left-color: #2ed3f8 !important;
}

.fs18-totw-item:hover::before {
    background: #2ed3f8 !important;
}

.fs18-tc-header-op {
    background: linear-gradient(270.52deg,
            rgba(46, 211, 248, 0.5) 0%,
            rgba(46, 211, 248, 0) 57.69%,
            #2ed3f8 100%) !important;
}

.fs18-tc-header-op.force-regular {
    background: #1e2730 !important;
}

.fs18-tc-comment {
    border-left-color: #2ed3f8 !important;
}

.fti-remove {
    background: #2ed3f8 !important;
    color: #0b131b !important;
}

.tbi-team-1,
.tbi-team-2 {
    border-left: 3px solid #2ed3f8 !important;
}

.tbi-team-1:hover,
.tbi-team-2:hover {
    background: linear-gradient(270deg, #2ed3f8 0%, rgba(46, 211, 248, 0) 44.06%),
        linear-gradient(90deg,
            rgba(46, 211, 248, 0.05) 0%,
            rgba(46, 211, 248, 0.25) 50%,
            rgba(46, 211, 248, 0.05) 100%),
        linear-gradient(0deg, #1a232c, #1a232c) !important;
}

.tbi-team.winner-vote,
.tbi-team-1:has(.tbi-voted-btn),
.tbi-team-2:has(.tbi-voted-btn) {
    background: linear-gradient(270deg,
            #2ed3f8 -1.63%,
            rgba(46, 211, 248, 0) 41.37%,
            rgba(46, 211, 248, 0.5) 100%),
        linear-gradient(0deg, #1a232c, #1a232c) !important;
}

.team-items-block .team-item {
    background: linear-gradient(270deg,
            rgba(46, 211, 248, 0) 62.5%,
            #2ed3f8 100%),
        linear-gradient(90deg,
            rgba(46, 211, 248, 0.05) 0%,
            rgba(46, 211, 248, 0.25) 50%,
            rgba(46, 211, 248, 0.05) 100%) !important;
}

.team-items-block .team-item:hover {
    background: linear-gradient(90deg,
            rgba(46, 211, 248, 0.05) 0%,
            rgba(46, 211, 248, 0.25) 50%,
            rgba(46, 211, 248, 0.05) 100%),
        linear-gradient(180deg, #2ed3f8 0%, rgba(46, 211, 248, 0) 44.06%) !important;
}

/* Home Matches & Results Ribbon (.mrs, #match-ribbon-section) */
.mrs .match-item:hover {
    border-color: #2ed3f8 !important;
    background: rgba(46, 211, 248, 0.25) !important;
}

.light .mrs .match-item:hover {
    background: linear-gradient(180deg, rgba(255, 254, 254, 0) -104.18%, rgba(46, 211, 248, 0.25) 100%),
        linear-gradient(0deg, #ffffff, #ffffff) !important;
    border-color: #2ed3f8 !important;
}

.mrs .match-item:active {
    background: rgba(46, 211, 248, 0.35) !important;
}

.mrs .group-stage {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.match-list-group .match-status.live,
.mrs .match-list-group .match-status.live,
body.light .mrs .match-list-group .match-status.live,
.light .mrs .match-list-group .match-status.live,
body.dark .mrs .match-list-group .match-status.live,
.dark .mrs .match-list-group .match-status.live {
    background: #e62429 !important;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
    font-weight: 700;
}

.match-list-group .match-status.live::before,
.mrs .match-list-group .match-status.live::before,
body.light .mrs .match-list-group .match-status.live::before,
.light .mrs .match-list-group .match-status.live::before,
body.dark .mrs .match-list-group .match-status.live::before,
.dark .mrs .match-list-group .match-status.live::before {
    color: #ffffff !important;
}

#match-ribbon-section .nav .nav-link:hover,
.mrs .nav .nav-link:hover {
    color: #2ed3f8 !important;
}

@media (max-width: 991.98px) {
    .mrs .tabs > .d-flex {
        align-items: center;
        gap: 0.5rem;
    }

    .mrs .nav {
        flex-shrink: 1;
        min-width: 0;
    }

    .mrs .nav .nav-item .nav-link {
        padding: 0rem 0.75rem !important;
        font-size: 0.85rem;
        white-space: nowrap;
    }

    .mrs .nav .nav-item.me2 {
        margin-right: 0.35rem !important;
    }

    .mrs .more-component.to-full {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        font-size: 0.85rem;
        column-gap: 0.25rem;
        line-height: normal;
        display: inline-flex;
        align-items: center;
    }

    .mrs .more-component.to-full img {
        width: 18px;
        flex-shrink: 0;
    }
}

@media (max-width: 380px) {
    .mrs .nav .nav-item .nav-link {
        padding: 0rem 0.5rem !important;
        font-size: 0.78rem;
    }

    .mrs .more-component.to-full {
        font-size: 0.8rem;
    }

    .mrs .more-component.to-full img {
        width: 16px;
    }
}

/* Players Page, Team Detail & Player Detail Cards (.player-items-block, .tps-14, .tds-37) */
.player-items-block .player-item,
.tps-14 .players-list .player-item,
.tds-37 .player-item {
    background: linear-gradient(
            to left,
            rgba(14, 23, 33, 0) 82.94%,
            rgba(46, 211, 248, 0.4) 100%
        ),
        linear-gradient(to right, rgba(14, 23, 33, 0) 77.95%, #0b1520 100%),
        linear-gradient(to bottom, #00000080 0%, #00000080 100%),
        url(../../images/bgs/player-bg-v2.webp) center center / cover no-repeat !important;
}

.light .player-items-block .player-item,
.light .tps-14 .players-list .player-item,
.light .tds-37 .player-item {
    background: linear-gradient(
        180deg,
        rgba(255, 254, 254, 0) -104.18%,
        rgba(46, 211, 248, 0.35) 100%
    ) !important;
}

.player-items-block .player-item::after,
.tps-14 .players-list .player-item::after,
.tds-37 .player-item::after {
    background: linear-gradient(
            to left,
            rgba(14, 23, 33, 0) 82.94%,
            rgba(46, 211, 248, 0.4) 100%
        ),
        linear-gradient(
            to right,
            rgba(14, 23, 33, 0.5) 77.95%,
            #0b1520 100%
        ),
        linear-gradient(to bottom, #00000080 0%, #00000080 100%) !important;
}

.player-items-block .player-item .player-item-inner::before,
.tps-14 .players-list .player-item .player-item-inner::before,
.tds-37 .player-item .player-item-inner::before {
    background: linear-gradient(
            180deg,
            rgba(14, 23, 33, 0) 40.77%,
            rgba(46, 211, 248, 0.45) 100%
        ),
        linear-gradient(180deg, rgba(14, 23, 33, 0) 23.43%, #0b1520 100%) !important;
}

.light .player-items-block .player-item .player-item-inner::before,
.light .tps-14 .players-list .player-item .player-item-inner::before,
.light .tds-37 .player-item .player-item-inner::before {
    background: linear-gradient(
        180deg,
        rgba(46, 211, 248, 0) 40.06%,
        rgba(46, 211, 248, 0.35) 86.84%
    ) !important;
}

.player-items-block .player-item .player-item-inner::after,
.tps-14 .players-list .player-item .player-item-inner::after,
.tds-37 .player-item .player-item-inner::after {
    background: linear-gradient(
            180deg,
            rgba(14, 23, 33, 0) 70.79%,
            #2ed3f8 100%
        ),
        linear-gradient(180deg, rgba(14, 23, 33, 0) 70.43%, #0b1520 100%) !important;
}

.tps-14 .player-item-wrapper-lg::before,
.tds-37 .player-item-wrapper-lg::before {
    background: #2ed3f8 !important;
}

/* Head2Head & Versus Cards (.hero-info, .hero-card) */
.hero-info {
    background: linear-gradient(135deg, #2ed3f8 0%, #0d1825 30%) !important;
}

.hero-info:hover,
.hero-card.active .hero-info,
.hero-card.js-hovered .hero-info {
    background: linear-gradient(135deg, #0d1825, #2ed3f8, #0d1825) !important;
}

.light .hero-image {
    background-color: #e0f7fe !important;
}

.light .hero-info {
    background: linear-gradient(to top, rgba(46, 211, 248, 0.4) 0%, rgba(255, 254, 254, 0) 100%),
        linear-gradient(135deg, rgba(46, 211, 248, 0.3) 0%, rgba(14, 23, 33, 0) 50%, rgba(46, 211, 248, 0.5) 100%) !important;
}

.light .hero-info:hover,
.light .hero-card.active .hero-info,
.light .hero-card.js-hovered .hero-info {
    background: linear-gradient(to top, rgba(46, 211, 248, 0.4) 0%, rgba(46, 211, 248, 0.12) 100%) !important;
}

.account-avatar {
    background-color: #2ed3f8 !important;
    color: #0b131b !important;
    box-shadow: 0 4px 20px rgba(46, 211, 248, 0.4) !important;
}

.account-hero-overlay {
    background: radial-gradient(ellipse at 60% 0%, rgba(46, 211, 248, 0.2) 0%, transparent 65%) !important;
}

/* News Section, Badges & Popular Tags */
.news-category-name,
.news-category-name-detail {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.news-section .popular-tags-section,
.popular-tags-section,
.popular-tags-card {
    background: rgba(46, 211, 248, 0.15) !important;
}

.popular-tags-card .ptc-item:hover {
    background: rgba(46, 211, 248, 0.1) !important;
}

.popular-tags-card .ptc-item--active {
    background: rgba(46, 211, 248, 0.25) !important;
}

.popular-tags-card .ptc-item--active .ptc-rank {
    color: #2ed3f8 !important;
}

.tag-item,
.news-item-tag,
.news-item-tags .news-item-tag {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.tag-item:hover,
.news-item-tag:hover {
    background: #5ce0ff !important;
    color: #0b131b !important;
}

.news-tag-section .news-tag-pill {
    border-color: #2ed3f8 !important;
    color: #2ed3f8 !important;
}

/* Tournament Outrights & Details */
.outrights-field-number {
    background: linear-gradient(180deg, #2ed3f8 0%, #0d1825 100%) !important;
    color: #0b131b !important;
}

.outrights-field-inputs .select2-container--default.select2-container--focus .select2-selection--single,
.outrights-field-inputs .select2-container--default.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 1px #2ed3f8 !important;
}

.td-participants-block .accordion {
    background: linear-gradient(90deg, rgba(46, 211, 248, 0.05) 0%, rgba(46, 211, 248, 0.25) 50%, rgba(46, 211, 248, 0.05) 100%),
        linear-gradient(180deg, #2ed3f8 0%, rgba(14, 23, 33, 0) 44.06%) !important;
}

.light .td-participants-block .accordion {
    background: linear-gradient(180deg, rgba(255, 254, 254, 0) -104.18%, rgba(46, 211, 248, 0.5) 100%) !important;
}

.ts-calendar-wrapper .ts-years-wrapper {
    background: linear-gradient(to left, rgba(14, 23, 33, 0) 0%, #2ed3f8 100%) !important;
}

.lb-3-item::after {
    background: linear-gradient(180deg, rgba(14, 23, 33, 0) 65.05%, #2ed3f8 100%),
        linear-gradient(180deg, rgba(14, 23, 33, 0) 40.21%, #0b1520 100%) !important;
}

.light .lb-3-item::after {
    background: linear-gradient(180deg, rgba(14, 23, 33, 0) 70.79%, rgba(46, 211, 248, 0.5) 100%) !important;
}

/* --------------------------------------------------------------------------
   5. BORDERS, ACCENTS, HIGHLIGHTS, FOCUS & SELECT2
   -------------------------------------------------------------------------- */
.border-red,
.border-danger,
.border-themed-red {
    border-color: #2ed3f8 !important;
}

.text-danger,
.text-themed-red,
.auth-section .form-group label.required::after,
.auth-section .forgot-link:hover,
.auth-section .auth-link:hover,
.ev2-sort-label,
.ev2-region-tag {
    color: #2ed3f8 !important;
}

.auth-section input.error {
    border-color: #2ed3f8 !important;
}

/* Form Controls Focus */
.form-control:focus,
.form-select:focus,
.ev2-search-input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: #2ed3f8 !important;
    box-shadow: 0 0 0 0.2rem rgba(46, 211, 248, 0.25) !important;
}

/* Checkboxes */
.ev2-checkbox-input:checked {
    background: #0a1f33 !important;
    border-color: #2ed3f8 !important;
}

.ev2-checkbox-input:checked::after {
    border-color: #2ed3f8 !important;
}

/* Pagination */
.page-item.active .page-link,
.pagination .page-item.active .page-link,
.pagination .active .page-link,
.ev2-page-num.active,
.custom-pagination a.active,
.light .custom-pagination a.active {
    background-color: #2ed3f8 !important;
    border-color: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.page-link:hover,
.custom-pagination a:hover {
    color: #2ed3f8 !important;
}

/* Simple-Notify & Toast */
.sn-notify--accent-red,
.notify-accent-red {
    --notify-accent: #2ed3f8 !important;
    border-left-color: #2ed3f8 !important;
}

/* Select2 dropdown highlighted options (Global, dark-dropdown, slot-dropdown) */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted,
.select2-dropdown .select2-results__option--highlighted[aria-selected],
.select2-dropdown .select2-results__option--highlighted,
.slot-dropdown .select2-results__option--highlighted[aria-selected],
.slot-dropdown .select2-results__option--highlighted,
.dark-dropdown .select2-results__option--highlighted[aria-selected],
.dark-dropdown .select2-results__option--highlighted,
.select2-results__option--highlighted {
    background-color: #2ed3f8 !important;
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.slot-dropdown .select2-results__option--highlighted .slot-item-name,
.dark-dropdown .select2-results__option--highlighted .slot-item-name,
.select2-dropdown .select2-results__option--highlighted .slot-item-name,
.select2-results__option--highlighted .slot-item-name {
    color: #0b131b !important;
    font-weight: 700 !important;
}

/* Quick filters & Compare reset / clear buttons */
.player-quick-filters .reset-button,
.player-quick-filters .reset-button:active,
.team-quick-filters .reset-button,
.team-quick-filters .reset-button:active,
.team-quick-filters .clear-filter-btn,
.reset-button,
.reset-button:active,
#reset-btn:not(:disabled),
#h2h-filter-clear,
#clear-filter-btn,
#clear-filter-btn:active {
    background-color: #2ed3f8 !important;
    border-color: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.team-quick-filters .reset-button:hover,
.team-quick-filters .clear-filter-btn:hover,
.reset-button:hover:not(:disabled),
#reset-btn:hover:not(:disabled),
#h2h-filter-clear:hover,
#clear-filter-btn:hover,
.player-quick-filters .reset-button:hover {
    background-color: #5ce0ff !important;
    border-color: #5ce0ff !important;
    color: #0b131b !important;
}

/* Head2Head & Versus Comparison Controls */
.compare-button-wrapper .compare-button:not(:disabled),
#compare-btn:not(:disabled) {
    background-color: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.compare-button-wrapper .compare-button:not(:disabled):hover,
#compare-btn:not(:disabled):hover {
    background-color: #5ce0ff !important;
    color: #0b131b !important;
}

.compare-button-wrapper .compare-button:not(:disabled):active,
#compare-btn:not(:disabled):active {
    background-color: #2ed3f8 !important;
    color: #0b131b !important;
}

.slot-remove:hover {
    background-color: #2ed3f8 !important;
    color: #0b131b !important;
}

#player-role-bar .player-role-pill {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

#player-role-bar .player-role-pill.active {
    background: transparent !important;
    color: #2ed3f8 !important;
    border-color: #2ed3f8 !important;
}

/* Calendar filter & date picker */
.calendar-filter-block .cf-btn-clear,
.calendar-filter-block .cf-today.today {
    color: #2ed3f8 !important;
}

.calendar-filter-block .cfb-day-val:hover,
.calendar-filter-block .cfb-day.active .cfb-day-val,
.calendar-filter-block .ui-datepicker tr td:hover .ui-state-default,
.calendar-filter-block .ui-datepicker .ui-state-default.ui-state-active {
    background: #2ed3f8 !important;
    color: #0b131b !important;
    font-weight: 700 !important;
}

.matches-v2 .filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.matches-v2 .filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.matches-v2 .filters-section .calendar-filter-block .ui-icon-circle-triangle-e,
.matches-v2 .filters-section .calendar-filter-block .ui-icon-circle-triangle-w,
.teams-v2-container .filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.teams-v2-container .filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.teams-v2-container .filters-section .calendar-filter-block .ui-icon-circle-triangle-e,
.teams-v2-container .filters-section .calendar-filter-block .ui-icon-circle-triangle-w,
.heroes-v2-container .filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.heroes-v2-container .filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.heroes-v2-container .filters-section .calendar-filter-block .ui-icon-circle-triangle-e,
.heroes-v2-container .filters-section .calendar-filter-block .ui-icon-circle-triangle-w,
.filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.filters-section .calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.filters-section .calendar-filter-block .ui-icon-circle-triangle-e,
.filters-section .calendar-filter-block .ui-icon-circle-triangle-w,
.calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.calendar-filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.calendar-filter-block .ui-icon-circle-triangle-e,
.calendar-filter-block .ui-icon-circle-triangle-w {
    background-image: url("../images/orns/arrow-blue.png") !important;
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Head2Head & Versus highlights */
.h2h-team-card-active,
.h2h-player-card-active,
.versus-highlight {
    border-color: #2ed3f8 !important;
    box-shadow: 0 0 12px rgba(46, 211, 248, 0.4) !important;
}

/* --------------------------------------------------------------------------
   6. MOBILE TOP NAVBAR & APP BOTTOM BAR (MATCHING EVENT V2)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    /* Hide Default Top Header Bar on Mobile (replaced by ev2-mobile-top-header) */
    #header .header-wrapper {
        display: none !important;
    }

    #header #header-wrap {
        height: 0 !important;
        min-height: 0 !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
    }

    #header.navbar-menu {
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        overflow: visible !important;
    }

    /* Keep the mobile sidebar drawer fully functional and styled identical to IS_TEST=false */
    .navbar .navbar-collapse {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        height: 100vh !important;
        width: 100% !important;
        background: var(--color-theme) !important;
        z-index: 1200 !important;
        transition: all 250ms ease !important;
        display: block !important;
        overflow-y: auto !important;
    }

    .navbar-collapse.closed {
        max-width: 0% !important;
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    .navbar-collapse:not(.closed) {
        max-width: 100% !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important;
    }

    /* Content adjustments for app layout */
    .content-wrapper,
    #wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .content-wrapper {
        padding-bottom: 75px !important; /* Prevent content from being hidden behind bottom bar */
    }

    /* Mobile Top Header */
    .ev2-mobile-top-header {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem 1rem 0.5rem 1rem !important;
        background: transparent !important;
        width: 100%;
        margin-top: 0 !important;
        margin-bottom: 0.35rem !important;
        position: relative;
        z-index: 100;
    }

    .ev2-mobile-top-header ~ .ev2-mobile-top-header,
    .events-v2-container > .ev2-mobile-top-header {
        display: none !important;
    }

    .ev2-mobile-logo-group {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .ev2-mobile-logo-link {
        display: flex;
        align-items: center;
        text-decoration: none !important;
    }

    .ev2-mobile-logo {
        height: 24px;
        width: auto;
        object-fit: contain;
    }

    .ev2-mobile-ad-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #e50914;
        color: #ffffff;
        font-family: 'Rajdhani', 'Orbitron', sans-serif;
        font-size: 0.72rem;
        font-weight: 800;
        line-height: 1;
        padding: 3px 5px;
        border-radius: 2px;
        letter-spacing: 0.5px;
    }

    .ev2-mobile-header-actions {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .ev2-mobile-header-actions .lang-switcher .lang-switcher-trigger {
        display: flex;
        align-items: center;
        gap: .25rem;
        padding: .35rem .2rem;
        font-size: .85rem;
        font-weight: 600;
        color: #ffffff;
        text-decoration: none;
        border: none;
        background: transparent;
        line-height: 1;
    }

    .ev2-mobile-header-actions .lang-switcher .lang-switcher-flag {
        width: 18px;
        height: auto;
        border-radius: 2px;
    }

    .ev2-mobile-header-actions .lang-switcher .lang-switcher-code {
        font-size: .8rem;
        font-weight: 700;
    }

    .ev2-mobile-header-actions .lang-switcher .lang-switcher-caret {
        font-size: 9px;
    }

    .ev2-mobile-icon-btn {
        color: #ffffff !important;
        font-size: 1.15rem;
        opacity: 0.9;
        text-decoration: none !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.2s ease, color 0.2s ease;
    }

    .ev2-mobile-icon-btn:hover {
        opacity: 1;
        color: #2ed3f8 !important;
    }

    body.light .ev2-mobile-icon-btn,
    .light .ev2-mobile-icon-btn,
    body.light .ev2-mobile-icon-btn i,
    .light .ev2-mobile-icon-btn i,
    body.light .ev2-mobile-header-actions .lang-switcher-trigger,
    .light .ev2-mobile-header-actions .lang-switcher-trigger,
    body.light .ev2-mobile-header-actions .lang-switcher .lang-switcher-trigger,
    .light .ev2-mobile-header-actions .lang-switcher .lang-switcher-trigger {
        color: #000000 !important;
    }

    body.light .ev2-mobile-icon-btn:hover,
    .light .ev2-mobile-icon-btn:hover,
    body.light .ev2-mobile-header-actions .lang-switcher-trigger:hover,
    .light .ev2-mobile-header-actions .lang-switcher-trigger:hover,
    body.light .ev2-mobile-header-actions .lang-switcher .lang-switcher-trigger:hover,
    .light .ev2-mobile-header-actions .lang-switcher .lang-switcher-trigger:hover {
        color: var(--color-red-theme) !important;
    }

    /* App Bottom Navigation Bar */
    .ev2-app-bottom-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: rgba(10, 18, 28, 0.96) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        z-index: 1050;
        padding-bottom: env(safe-area-inset-bottom, 0);
        display: flex !important;
    }

    .ev2-app-bottom-bar ~ .ev2-app-bottom-bar {
        display: none !important;
    }

    .ev2-bottom-nav-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: #607289;
        text-decoration: none !important;
        transition: color 0.2s ease;
        user-select: none;
        padding: 6px 0;
    }

    .ev2-bottom-nav-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        margin-bottom: 2px;
    }

    .ev2-bottom-nav-icon svg {
        display: block;
        stroke: currentColor;
        transition: stroke 0.2s ease, transform 0.15s ease;
    }

    .ev2-bottom-nav-label {
        font-size: 0.65rem;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 1.1;
        color: inherit;
    }

    .ev2-bottom-nav-item:hover {
        color: #94a3b8;
    }

    .ev2-bottom-nav-item.active {
        color: #2ed3f8 !important;
    }

    .ev2-bottom-nav-item.active .ev2-bottom-nav-label {
        color: #2ed3f8 !important;
        font-weight: 700;
    }

    .ev2-bottom-nav-item.active .ev2-bottom-nav-icon svg {
        stroke: #2ed3f8 !important;
    }

    /* Light mode bottom bar */
    body.light .ev2-app-bottom-bar,
    .light .ev2-app-bottom-bar {
        background: rgba(255, 255, 255, 0.95) !important;
        border-top-color: rgba(0, 0, 0, 0.08) !important;
    }

    body.light .ev2-bottom-nav-item,
    .light .ev2-bottom-nav-item {
        color: #8fa0b5;
    }

    body.light .ev2-bottom-nav-item.active,
    .light .ev2-bottom-nav-item.active {
        color: #0284c7 !important;
    }

    body.light .ev2-bottom-nav-item.active .ev2-bottom-nav-label,
    .light .ev2-bottom-nav-item.active .ev2-bottom-nav-label {
        color: #0284c7 !important;
    }

    body.light .ev2-bottom-nav-item.active .ev2-bottom-nav-icon svg,
    .light .ev2-bottom-nav-item.active .ev2-bottom-nav-icon svg {
        stroke: #0284c7 !important;
    }
}

/* Pick & bans empty mock box */
.td-v2-draft-ban-box.is-empty {
    background: rgba(18, 29, 40, 0.6) !important;
    border: 1px dashed rgba(65, 95, 125, 0.35) !important;
}

body.light .td-v2-draft-ban-box.is-empty,
.light .td-v2-draft-ban-box.is-empty {
    background: #e2e8f0 !important;
    border: 1px dashed #94a3b8 !important;
}