/* ===== Home Page - Scrollbar Styling ===== */

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

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(139, 195, 74, 0.4);
    border-radius: 10px;
    transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 195, 74, 0.6);
}

::-webkit-scrollbar-thumb:active {
    background: rgba(139, 195, 74, 0.8);
}

html.dark-mode ::-webkit-scrollbar-thumb {
    background: rgba(139, 195, 74, 0.4);
}

html.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 195, 74, 0.6);
}

html.dark-mode ::-webkit-scrollbar-thumb:active {
    background: rgba(139, 195, 74, 0.8);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 195, 74, 0.4) transparent;
}

html.dark-mode * {
    scrollbar-color: rgba(139, 195, 74, 0.4) transparent;
}