/* ======================================================
   🎨 LEVELUP CUSTOM GLOBAL SCROLLBAR (THEME-AWARE)
   ====================================================== */

/* 🦊 1. Firefox Support */
* {
    scrollbar-width: thin;
}

html[data-theme="dark"], 
:root:not([data-theme="light"]) {
    scrollbar-color: #6366f1 #090d1a;
}

html[data-theme="light"] {
    scrollbar-color: #94a3b8 #f1f5f9;
}

/* 🌐 2. WebKit Browsers (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* ------------------------------------------------------
   🌙 DARK MODE SCROLLBAR (DEFAULT)
   ------------------------------------------------------ */
html[data-theme="dark"] ::-webkit-scrollbar-track,
:root:not([data-theme="light"]) ::-webkit-scrollbar-track {
    background: #090d1a !important;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb,
:root:not([data-theme="light"]) ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #6366f1 0%, #06b6d4 100%) !important;
    border-radius: 10px !important;
    border: 2px solid #090d1a !important;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
:root:not([data-theme="light"]) ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #818cf8 0%, #22d3ee 100%) !important;
    box-shadow: 0 0 10px rgba(6, 182, 212, 0.6);
}

/* ------------------------------------------------------
   ☀️ LIGHT MODE SCROLLBAR
   ------------------------------------------------------ */
html[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 10px !important;
    border: 2px solid #f1f5f9 !important;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* ------------------------------------------------------
   Dropdown-specific scrollbar
   ------------------------------------------------------ */
.dropdown-menu::-webkit-scrollbar,
.custom-dropdown-menu::-webkit-scrollbar,
.custom-filter-dropdown .dropdown-menu::-webkit-scrollbar {
    width: 12px;
}

/* 🌙 Dark Mode Dropdown Scrollbar */
html[data-theme="dark"] .dropdown-menu::-webkit-scrollbar-track,
html[data-theme="dark"] .custom-dropdown-menu::-webkit-scrollbar-track,
html[data-theme="dark"] .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-track,
:root:not([data-theme="light"]) .dropdown-menu::-webkit-scrollbar-track,
:root:not([data-theme="light"]) .custom-dropdown-menu::-webkit-scrollbar-track,
:root:not([data-theme="light"]) .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgba(15,23,42,0.9), rgba(15,23,42,0.75));
    border-radius: 999px;
}

html[data-theme="dark"] .dropdown-menu::-webkit-scrollbar-thumb,
html[data-theme="dark"] .custom-dropdown-menu::-webkit-scrollbar-thumb,
html[data-theme="dark"] .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
:root:not([data-theme="light"]) .dropdown-menu::-webkit-scrollbar-thumb,
:root:not([data-theme="light"]) .custom-dropdown-menu::-webkit-scrollbar-thumb,
:root:not([data-theme="light"]) .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #06b6d4 0%, #6366f1 100%);
    border-radius: 999px;
    border: 2px solid rgba(15,23,42,0.65);
}

html[data-theme="dark"] .dropdown-menu::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .custom-dropdown-menu::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover,
:root:not([data-theme="light"]) .dropdown-menu::-webkit-scrollbar-thumb:hover,
:root:not([data-theme="light"]) .custom-dropdown-menu::-webkit-scrollbar-thumb:hover,
:root:not([data-theme="light"]) .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.06);
}

/* ☀️ Light Mode Dropdown Scrollbar Fix */
html[data-theme="light"] .dropdown-menu::-webkit-scrollbar-track,
html[data-theme="light"] .custom-dropdown-menu::-webkit-scrollbar-track,
html[data-theme="light"] .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 999px;
}

html[data-theme="light"] .dropdown-menu::-webkit-scrollbar-thumb,
html[data-theme="light"] .custom-dropdown-menu::-webkit-scrollbar-thumb,
html[data-theme="light"] .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 999px;
    border: 2px solid #f1f5f9 !important;
}

html[data-theme="light"] .dropdown-menu::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] .custom-dropdown-menu::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] .custom-filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* Firefox: scoped rules */
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .custom-dropdown-menu,
html[data-theme="dark"] .custom-filter-dropdown .dropdown-menu,
:root:not([data-theme="light"]) .dropdown-menu,
:root:not([data-theme="light"]) .custom-dropdown-menu,
:root:not([data-theme="light"]) .custom-filter-dropdown .dropdown-menu { 
    scrollbar-width: thin; 
    scrollbar-color: #06b6d4 rgba(15,23,42,0.75); 
}

html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .custom-dropdown-menu,
html[data-theme="light"] .custom-filter-dropdown .dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}