/*
 * Zoewebs Site Tools — Resources Sidebar
 * Archive scroll behaviour only.
 *
 * The archive always contains the full month history, newest first.
 * `--zw-rs-archive-visible` controls how many rows are visible before scroll.
 */

.zw-rs-sidebar .zw-rs-archive-scroll {
    --zw-rs-archive-row-height: 57px;

    max-height: calc(
        var(--zw-rs-archive-visible, 10) *
        var(--zw-rs-archive-row-height)
    );

    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(85, 214, 255, .28) transparent;

    /* Keep the custom scrollbar away from the count circles. */
    padding-right: 7px;
}

.zw-rs-sidebar .zw-rs-archive-scroll > li {
    min-height: var(--zw-rs-archive-row-height);
}

.zw-rs-sidebar .zw-rs-archive-scroll::-webkit-scrollbar {
    width: 5px;
}

.zw-rs-sidebar .zw-rs-archive-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.zw-rs-sidebar .zw-rs-archive-scroll::-webkit-scrollbar-thumb {
    background: rgba(85, 214, 255, .22);
    border-radius: 999px;
}

.zw-rs-sidebar .zw-rs-archive-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(85, 214, 255, .4);
}

@media (max-width: 767px) {
    .zw-rs-sidebar .zw-rs-archive-scroll {
        /* Slightly shorter rows on mobile while preserving the row count. */
        --zw-rs-archive-row-height: 54px;
    }
}