/* Global Scrollbar Styling - Hide Horizontal, Style Vertical */

html, body {
    overflow-x: hidden !important;
    max-width: 100vw;
}

/* Custom Vertical Scrollbar - All Pages */
html {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #E9D8FD #F8F4FF; /* Firefox - thumb and track */
}

/* Webkit browsers (Chrome, Safari, Edge) */
html::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-track {
    background: #F8F4FF;
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
    background: #E9D8FD;
    border-radius: 10px;
    transition: background 0.2s ease;
}

html::-webkit-scrollbar-thumb:hover {
    background: #D8B4FE;
}

/* Apply to body as well for consistency */
body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background: #F8F4FF;
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
    background: #E9D8FD;
    border-radius: 10px;
    transition: background 0.2s ease;
}

body::-webkit-scrollbar-thumb:hover {
    background: #D8B4FE;
}