/* ========================================
   Global Sidebar Styles
   ======================================== */

.sidebar-sticky {
    position: sticky;
    top: var(--sidebar-top-offset);
}

.sidebar-card {
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
}

.sidebar-card .card-header {
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
}

.sidebar-card .list-group-item {
    background: transparent;
    border-color: var(--bs-border-color);
    font-size: 0.875rem;
    transition: background-color var(--transition-fast);
}

.sidebar-card .list-group-item:hover {
    background: var(--bs-tertiary-bg);
}

.sidebar-card .list-group-item a {
    color: var(--bs-body-color);
}

.sidebar-card .list-group-item a:hover {
    color: var(--bs-primary);
}

/* Mobile: Don't stick sidebar */
@media (max-width: 767.98px) {
    .sidebar-sticky {
        position: static;
    }
}

/* ========================================
   Filter Sidebar Styles
   ======================================== */

.set-filter-sidebar {
    position: sticky;
    top: var(--sidebar-top-offset);
}

.set-filter-sidebar .card-header {
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.set-filter-sidebar .form-label {
    margin-bottom: 0.25rem;
}

/* Filter collapse icon animation */
.filter-collapse-icon {
    transition: transform var(--transition-normal);
    width: 1rem;
    height: 1rem;
}

.set-filter-sidebar .card-header[aria-expanded="true"] .filter-collapse-icon {
    transform: rotate(180deg);
}

/* Mobile: Collapse sidebar, clickable header */
@media (max-width: 767.98px) {
    .set-filter-sidebar {
        position: static;
    }

    .set-filter-sidebar .card-header {
        cursor: pointer;
    }

    .set-filter-sidebar .card-header:hover {
        background: var(--bs-secondary-bg);
    }
}

/* Desktop: Always show filter content, disable click behavior */
@media (min-width: 768px) {
    .filter-collapse-content {
        display: block !important;
    }

    .set-filter-sidebar .card-header {
        cursor: default;
        pointer-events: none;
    }
}