/* Custom Scrollbars - Replacement for jQuery SlimScroll */

/* Base scrollable elements */
.scroll-sidebar,
.message-center,
.aboutscroll,
.message-scroll,
.chat-box,
.slimscrollright {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Firefox scrollbar styling */
.scroll-sidebar,
.message-center,
.aboutscroll,
.message-scroll,
.chat-box,
.slimscrollright {
    scrollbar-width: thin;
    scrollbar-color: #dcdcdc transparent;
}

/* WebKit browsers (Chrome, Safari, Edge) scrollbar styling */
.scroll-sidebar::-webkit-scrollbar,
.message-center::-webkit-scrollbar,
.aboutscroll::-webkit-scrollbar,
.message-scroll::-webkit-scrollbar,
.chat-box::-webkit-scrollbar,
.slimscrollright::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll-sidebar::-webkit-scrollbar-track,
.message-center::-webkit-scrollbar-track,
.aboutscroll::-webkit-scrollbar-track,
.message-scroll::-webkit-scrollbar-track,
.chat-box::-webkit-scrollbar-track,
.slimscrollright::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-sidebar::-webkit-scrollbar-thumb,
.message-center::-webkit-scrollbar-thumb,
.aboutscroll::-webkit-scrollbar-thumb,
.message-scroll::-webkit-scrollbar-thumb,
.chat-box::-webkit-scrollbar-thumb,
.slimscrollright::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border-radius: 3px;
    opacity: 0.4;
}

/* Hover states for scrollbar thumbs - using container hover for better compatibility */
.scroll-sidebar:hover::-webkit-scrollbar-thumb,
.message-center:hover::-webkit-scrollbar-thumb,
.aboutscroll:hover::-webkit-scrollbar-thumb,
.message-scroll:hover::-webkit-scrollbar-thumb,
.chat-box:hover::-webkit-scrollbar-thumb,
.slimscrollright:hover::-webkit-scrollbar-thumb {
    background-color: #bbb;
    opacity: 0.7;
}

/* Specific height constraints to match original slimScroll settings */
.aboutscroll {
    max-height: 80px;
}

.message-scroll {
    max-height: 570px;
}

.chat-box {
    max-height: 470px;
}

.scroll-sidebar {
    height: 100%;
}

.slimscrollright {
    height: 100%;
}

/* Ensure smooth scrolling */
.scroll-sidebar,
.message-center,
.aboutscroll,
.message-scroll,
.chat-box,
.slimscrollright {
    scroll-behavior: smooth;
}

/* Remove any existing slimScrollDiv wrapper styling conflicts */
.slimScrollDiv {
    background: transparent !important;
    overflow: visible !important;
}