/**
 * Sticky Sidebar Styles
 * Basic styles for the Sticky Sidebar library
 */

/* Ensure proper positioning context */
.filteredEventsGrid {
    position: relative;
}

/* Filter wrapper styles */
.filter-wrapper {
    position: relative;
}

/* Sticky state styles */
.filter.is-sticky {
    z-index: 100;
}

/* Ensure filter container has proper dimensions */
.filter__container {
    width: 100%;
    box-sizing: border-box;
}

/* Responsive behavior - disable sticky on mobile */
@media (max-width: 1023px) {
    .filter.is-sticky {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        transform: none !important;
    }
}

/* Smooth transitions */
.filter {
    transition: all 0.2s ease-in-out;
}

/* Ensure proper spacing when sticky */
.filter.is-sticky .filter__container {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    scrollbar-width: thin;
}

/* Custom scrollbar for webkit browsers */
.filter.is-sticky .filter__container::-webkit-scrollbar {
    width: 6px;
}

.filter.is-sticky .filter__container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.filter.is-sticky .filter__container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.filter.is-sticky .filter__container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}