/* Mobile Category Active Indicator Animation */
.mobile-category-link {
    transition: color 0.2s ease;
}

.mobile-category-link .category-indicator {
    transition: opacity 0.2s ease;
}

/* html {
    scroll-behavior: smooth;
} */

/* Hide scrollbar for horizontal scrolling but keep functionality */
.overflow-x-auto::-webkit-scrollbar {
    display: none;
}

.overflow-x-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Dynamic Sticky Top for Sidebars */
.sidebar-sticky {
    position: sticky;
    top: var(--sticky-top, 18px);
    z-index: 30;
}

/* Desktop: the category list stays within the screen below the sticky
   header and scrolls inside when it has more categories than fit. */
@media (min-width: 1024px) {
    #category-nav-box {
        max-height: calc(100vh - var(--sticky-top, 18px) - 24px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}