.sidebar.desktop-only{
    position:sticky;
    top:150px;
    height: auto !important;          /* ✅ sidebar wordt exact zo hoog als nodig */
    max-height: calc(100vh - 180px);  /* ✅ alleen scrollen als hij echt te lang is */
    overflow-y:auto;                  /* ✅ scroll indien nodig */
    background:#f7f7f7;
    border:1px solid #ddd;
    border-radius:6px;
    padding:15px;
} 

.filter-list{
    margin-top: 0 !important;
    list-style:none;
    padding:0;
} 

.filter-list a{
    display:block;
    padding:6px 8px;
    border-radius:4px;
    color:#333;
} 

.active-filter{
    background:#d4edda;
    border-left:4px solid #28a745;
    font-weight:bold;
} 

.reset-filter{
    color:#cc0000;
    font-weight:bold;
} 

.filter-toggle-btn{
    display:none;
} 

.mobile-filters{
    display:none;
}

/* Minder ruimte boven categorieën in de sidebar */
.sidebar-content {
    padding-top: 5px !important;       /* kies 0–10px naar smaak */
}

/* Eventueel ook margin boven H3 kleiner maken */
.sidebar-content h3 {
    margin-top: 0 !important;
    margin-bottom: 8px;                /* compacter */
}