/*
 * Chat Widget Scroll Fix
 * Fixes scrolling issues in the chat widget
 */

/* Enable scrolling in the chat scroll area */
.sb-chat .sb-scroll-area {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100vh - 200px);
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* Webkit scrollbar styling */
.sb-chat .sb-scroll-area::-webkit-scrollbar {
    width: 6px;
}

.sb-chat .sb-scroll-area::-webkit-scrollbar-track {
    background: transparent;
}

.sb-chat .sb-scroll-area::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.sb-chat .sb-scroll-area::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Ensure the body doesn't hide overflow content */
.sb-chat > .sb-body {
    overflow: hidden;
}

/* Fix for mobile */
@media (max-width: 464px) {
    .sb-chat .sb-scroll-area {
        max-height: calc(100vh - 150px);
    }
}