/* scroll_eyd.css */

/* ===================================================
Sidebar Scroll
=================================================== */
.sidebar {
    overflow: hidden;
    height: 100vh;
}

.sidebar.scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* Webkit Scrollbar */
.sidebar.scrollable::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Hilangkan panah atas-bawah secara paksa */
.sidebar.scrollable::-webkit-scrollbar-button,
.sidebar.scrollable::-webkit-scrollbar-button:start:decrement,
.sidebar.scrollable::-webkit-scrollbar-button:end:increment {
    display: none;
    width: 0;
    height: 0;
}

/* Track & Thumb */
.sidebar.scrollable::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.sidebar.scrollable::-webkit-scrollbar-thumb {
    background: #ffd700;
    border-radius: 10px;
}

.sidebar.scrollable::-webkit-scrollbar-thumb:hover {
    background: #FFC300;
}

/* Firefox */
.sidebar.scrollable {
    scrollbar-width: thin;
    scrollbar-color: #ffd700 transparent;
}

/* Mobile */
@media (max-width: 768px) {
    .sidebar {
        overflow-y: auto;
    }
}

/* ===================================================
Tombol Scroll
=================================================== */
#tombolScroll {
    max-height: 407px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding-right: 4px;
}

/* Webkit scrollbar for #tombolScroll */
#tombolScroll::-webkit-scrollbar {
    width: 6px;
}

/* Hilangkan panah atas-bawah */
#tombolScroll::-webkit-scrollbar-button,
#tombolScroll::-webkit-scrollbar-button:start:decrement,
#tombolScroll::-webkit-scrollbar-button:end:increment {
    display: none;
    width: 0;
    height: 0;
}

/* Track & Thumb */
#tombolScroll::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}

#tombolScroll::-webkit-scrollbar-thumb {
    background-color: #FFC300;
    border-radius: 3px;
}

#tombolScroll::-webkit-scrollbar-thumb:hover {
    background-color: #e6b800;
}

/* Firefox */
#tombolScroll {
    scrollbar-width: thin;
    scrollbar-color: #FFC300 transparent;
}