/* ===== Global Scrollbar Styling (hidden visual scrollbars, scrolling still works) ===== */

/* Apply sane cross-browser hiding */
* {
    /* Firefox: hide visual scrollbar but keep scrolling */
    scrollbar-width: none;                /* was: thin */
    scrollbar-color: transparent transparent; /* thumb | track (transparent so nothing shows) */

    /* IE / old Edge */
    -ms-overflow-style: none;
}

/* WebKit browsers (Chrome, Edge, Safari, Opera) */
/* height/width set to 0 hides the scrollbar but leaves scrolling behavior intact */
*::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

/* Ensure any previously styled thumbs/tracks don't show */
*::-webkit-scrollbar-track {
    background: transparent; /* was: #e5e7eb */
}
*::-webkit-scrollbar-thumb {
    background-color: transparent;  /* was: #1b3154 */
    border-radius: 0;               /* was: 8px */
    border: 0;                      /* was: 2px solid #e5e7eb */
}
*::-webkit-scrollbar-thumb:hover {
    background-color: transparent;  /* was: #22426f */
}

/* Optional: dark mode overrides (also hidden) */
@media (prefers-color-scheme: dark) {
    * {
        scrollbar-width: none;               /* was: thin */
        scrollbar-color: transparent transparent; /* keep hidden */
    }

    *::-webkit-scrollbar-track {
        background: transparent; /* was: #111827 */
    }

    *::-webkit-scrollbar-thumb {
        background-color: transparent;
        border: 0; /* was: 2px solid #111827 */
    }

    *::-webkit-scrollbar-thumb:hover {
        background-color: transparent; /* was: #22426f */
    }
}

/* ===== Optional: show a slim scrollbar on hover (uncomment to enable) =====
.hide-scrollbar-globally:hover,
*:hover {
    scrollbar-width: thin;                  // Firefox
}
.hide-scrollbar-globally:hover::-webkit-scrollbar,
*:hover::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.hide-scrollbar-globally:hover::-webkit-scrollbar-thumb,
*:hover::-webkit-scrollbar-thumb {
    background-color: rgba(27,49,84,0.9);
    border-radius: 8px;
    border: 2px solid transparent;
}
*/

/* Accessibility note:
   Hiding scrollbars visually still allows keyboard/trackpad scrolling.
   If you rely on horizontal scroll areas, consider adding visible focusable
   controls (prev/next) for users who can't use a mouse/trackpad. */