/*
 * SAMAT — catalog filter scrolling fix
 * Works both with native scrolling and legacy OverlayScrollbars.
 */

/* Старый overflow:hidden обрезал внутренний скролл */
.filter-block__wrapper {
    overflow: visible !important;
}

/*
 * Поле поиска находится выше этого блока,
 * поэтому скроллится только список вариантов.
 */
.filter-block__scroll-content {
    position: relative;
    max-height: 280px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;

    scrollbar-gutter: stable;
    padding-right: 6px;
}

/* Firefox */
.filter-block__scroll-content {
    scrollbar-width: thin;
}

/* Chromium / Safari */
.filter-block__scroll-content::-webkit-scrollbar {
    width: 8px;
}

.filter-block__scroll-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.28);
    border-radius: 8px;
}

.filter-block__scroll-content::-webkit-scrollbar-track {
    background: transparent;
}


/*
 * Если старый OverlayScrollbars уже инициализирован,
 * скролл должен происходить внутри его viewport.
 */
.filter-block__scroll-content.os-host {
    max-height: 280px !important;
    overflow: hidden !important;
}

.filter-block__scroll-content .os-padding {
    max-height: 280px !important;
}

.filter-block__scroll-content .os-viewport {
    max-height: 280px !important;

    overflow-y: scroll !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Не даём старому плагину прятать вертикальный scrollbar */
.filter-block__scroll-content .os-scrollbar-vertical {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.filter-block__scroll-content
.os-scrollbar-vertical
.os-scrollbar-handle {
    min-height: 30px;
}


/* На мобильных немного выше — удобнее листать пальцем */
@media (max-width: 767px) {
    .filter-block__scroll-content,
    .filter-block__scroll-content.os-host,
    .filter-block__scroll-content .os-padding,
    .filter-block__scroll-content .os-viewport {
        max-height: 320px !important;
    }
}