/* Sidebar Scroll Fix CSS */
.sidebar, 
.widget-area, 
aside {
    max-height: 100vh; /* Adjust height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #888 #f1f1f1; /* For Firefox */
}

/* For WebKit browsers (Chrome, Safari) */
.sidebar::-webkit-scrollbar,
.widget-area::-webkit-scrollbar,
aside::-webkit-scrollbar {
    width: 8px;
}

.sidebar::-webkit-scrollbar-track,
.widget-area::-webkit-scrollbar-track,
aside::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.sidebar::-webkit-scrollbar-thumb,
.widget-area::-webkit-scrollbar-thumb,
aside::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 4px;
}

.sidebar::-webkit-scrollbar-thumb:hover,
.widget-area::-webkit-scrollbar-thumb:hover,
aside::-webkit-scrollbar-thumb:hover {
    background: #555; 
}