/* Custom Scrollbar Styles with Auto-Hide */

/* WebKit browsers - Scrollbar structure */
::-webkit-scrollbar {
    width: 10px !important;
    height: 0 !important;
}

/* Track - hidden by default */
::-webkit-scrollbar-track {
    background: transparent !important;
}

/* Thumb - hidden by default */
::-webkit-scrollbar-thumb {
    background: transparent !important;
    border-radius: 5px !important;
}

/* Remove scroll buttons */
::-webkit-scrollbar-button {
    display: none !important;
}

/* Show scrollbar when scrolling */
html.is-scrolling ::-webkit-scrollbar-track,
body.is-scrolling ::-webkit-scrollbar-track {
    background: transparent !important;
}

html.is-scrolling ::-webkit-scrollbar-thumb,
body.is-scrolling ::-webkit-scrollbar-thumb {
    background: rgb(4, 146, 152) !important;
    border-radius: 5px !important;
}

html.is-scrolling ::-webkit-scrollbar-thumb:hover,
body.is-scrolling ::-webkit-scrollbar-thumb:hover {
    background: rgb(5, 170, 177) !important;
}

html.is-scrolling ::-webkit-scrollbar-thumb:active,
body.is-scrolling ::-webkit-scrollbar-thumb:active {
    background: rgb(3, 120, 125) !important;
}

/* Force vertical only */
html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}