/* ============================================================
   BSX CAMPAIGN SEARCH / FILTER SIDEBAR
   Requires: bsx-design.css, bsx-base.css
   ============================================================ */

#bsx-generic-filter-sidebar {
    position:   fixed;
    top:        153px;
    max-height: calc(100vh - 55px);
    overflow-y: auto;
    align-self: flex-start;
    width:      15%;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 1023px) and (min-width: 768px) {
    #bsx-generic-filter-sidebar { width: 15%; font-size: var(--bsx-text-xs); }
    .bsx-gf-sidebar-wrapper     { padding: 15px 20px; }
    .bsx-gf-sidebar-wrapper h4  { font-size: var(--bsx-text-sm); }
    .bsx-gf-sort-btn,
    .bsx-gf-search-input        { font-size: 0.75rem; padding: 0.6rem; }
}

@media (max-width: 767px) and (min-width: 568px) {
    #bsx-generic-filter-sidebar {
        position:   sticky;
        top:        0;
        width:      100%;
        max-height: none;
        margin-bottom: 1rem;
        z-index:    100;
    }
    .bsx-gf-sidebar-wrapper { padding: 12px 15px; }
}

@media (max-width: 567px) {
    #bsx-generic-filter-sidebar {
        position:   sticky;
        top:        0;
        width:      100%;
        max-height: none;
        margin-bottom: 1rem;
        z-index:    100;
    }
    .bsx-gf-sidebar-wrapper { padding: 10px; }
}