/* Utility Classes and Helpers */

.child-hidden {
    display: none !important;
}

.hidden {
    display: none;
}

/* ===================================================================== */
/* === THEMED SCROLLBARS === */
/* ===================================================================== */

/* color-scheme hint for browsers that support it */
:root {
    color-scheme: light;
}

body[data-theme="dark"] {
    color-scheme: dark;
}

/* Explicit webkit overrides for dark mode.
   No width/height set — browser default size is preserved. */
body[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #15132F;
}

body[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #4D3894;
    border-radius: 4px;
}

body[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #663BDD;
}

/* Firefox dark mode */
body[data-theme="dark"] * {
    scrollbar-color: #4D3894 #15132F;
}