/* =========================================================
   MASSIVE BAITS 2026 - SHOP SIDEBAR / FILTERS
   ========================================================= */

.mb26-shop-layout{
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:32px;
    align-items:start;
}

.mb26-shop-sidebar{
    min-width:0;
    position:sticky;
    top:22px;
}

.mb26-shop-sidebar__mobile-head,
.mb26-filter-toggle{
    display:none;
}

.mb26-shop-filters__inner{
    display:grid;
    gap:0;
}

.mb26-filter-card{
    margin:0;
    padding:0 0 24px;
    border-bottom:1px solid rgba(255,255,255,.22);
}

.mb26-filter-card + .mb26-filter-card{
    padding-top:24px;
}

.mb26-filter-title{
    margin:0 0 12px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.04em;
}

/* Native WooCommerce category + layered nav lists. */
.mb26-shop-sidebar ul{
    list-style:none;
    margin:0;
    padding:0;
}

.mb26-shop-sidebar li{
    margin:0;
    padding:0;
}

.mb26-shop-sidebar li > a,
.mb26-shop-sidebar .woocommerce-widget-layered-nav-list__item > a{
    position:relative;
    display:block;
    padding:5px 0 5px 12px;
    color:#e7e0d6;
    font-size:12.5px;
    line-height:1.35;
    transition:color .18s ease,transform .18s ease;
}

.mb26-shop-sidebar li > a::before,
.mb26-shop-sidebar .woocommerce-widget-layered-nav-list__item > a::before{
    content:'›';
    position:absolute;
    left:0;
    color:var(--mb26-orange);
    font-size:17px;
    line-height:1;
}

.mb26-shop-sidebar li > a:hover{
    color:#fff;
    transform:translateX(2px);
}

.mb26-shop-sidebar .current-cat > a,
.mb26-shop-sidebar .current-cat-parent > a,
.mb26-shop-sidebar .chosen > a,
.mb26-shop-sidebar .woocommerce-widget-layered-nav-list__item--chosen > a{
    color:var(--mb26-orange);
    font-weight:850;
}

.mb26-shop-sidebar .children{
    margin:2px 0 3px 10px;
}

.mb26-shop-sidebar .children a{
    color:#cfc7bc;
    font-size:12px;
}

.mb26-shop-sidebar .count{
    display:none;
}



.mb26-filter-card--price .button{
    grid-column:1;
    min-height:34px!important;
    padding:0 14px!important;
    border-radius:4px!important;
    font-size:11px!important;
}

.mb26-filter-card--price .price_label{
    grid-column:2;
    color:#d6cec3;
    font-size:11px;
    white-space:nowrap;
}

.mb26-filter-card--price .clear{
    display:none;
}

/* Archive content. */
.mb26-shop-main{
    min-width:0;
}

.mb26-shop-main .woocommerce-products-header__title.page-title{
    margin-bottom:18px;
}

.mb26-shop-main .woocommerce-result-count{
    float:none!important;
    display:inline-block;
    margin:10px 0 24px!important;
}

.mb26-shop-main .woocommerce-ordering{
    float:right!important;
    margin:0 0 22px 18px!important;
}

.mb26-shop-main .woocommerce-ordering select{
    min-width:230px;
}

.mb26-shop-main ul.products{
    clear:both;
}

/* Mobile filter drawer. */
@media (max-width: 900px){
    .mb26-shop-layout{
        display:block;
    }

    .mb26-filter-toggle{
        width:100%;
        min-height:48px;
        margin:0 0 20px;
        padding:0 16px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        border:1px solid rgba(255,255,255,.15);
        border-radius:7px;
        background:#1a1917;
        color:#fff;
        font-size:13px;
        font-weight:850;
    }

    .mb26-shop-sidebar{
        position:fixed;
        z-index:10050;
        top:0;
        left:0;
        bottom:0;
        width:min(340px,88vw);
        overflow-y:auto;
        padding:0 22px 30px;
        background:#171614;
        border-right:1px solid rgba(255,255,255,.12);
        box-shadow:18px 0 50px rgba(0,0,0,.45);
        transform:translateX(-105%);
        transition:transform .24s ease;
    }

    body.filter-open .mb26-shop-sidebar{
        transform:translateX(0);
    }

    body.filter-open{
        overflow:hidden;
    }

    body.filter-open .mb26-site-overlay{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .mb26-shop-sidebar__mobile-head{
        position:sticky;
        z-index:2;
        top:0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:64px;
        margin:0 -22px 20px;
        padding:0 22px;
        background:#171614;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .mb26-shop-sidebar__mobile-head strong{
        font-size:15px;
    }

    .mb26-shop-sidebar__mobile-head button{
        width:38px;
        height:38px;
        border:0;
        background:transparent;
        color:#fff;
        font-size:28px;
        line-height:1;
    }
}

@media (max-width: 600px){
    .mb26-shop-main .woocommerce-ordering{
        float:none!important;
        width:100%;
        margin:0 0 10px!important;
    }

    .mb26-shop-main .woocommerce-ordering select{
        width:100%;
        min-width:0;
    }

    .mb26-shop-main .woocommerce-result-count{
        display:block;
        margin:0 0 18px!important;
    }
}
.mb26-filter-card--attribute
.woocommerce-widget-layered-nav-list__item > a{
    padding-left:10px !important;
}


/* Alleen WooCommerce prijsfilter */
.mb26-filter-card--price .price_slider{
    position:relative !important;
    overflow:visible !important;

    height:6px !important;
    margin:18px 8px 22px !important;

    background:#55524c !important;
    border:0 !important;
    border-radius:20px !important;
}

.mb26-filter-card--price .ui-slider-range{
    position:absolute !important;
    top:0 !important;
    height:100% !important;

    background:#f79333 !important;
    border:0 !important;
    border-radius:20px !important;
}

.mb26-filter-card--price .ui-slider-handle{
    position:absolute !important;
    top:50% !important;

    width:16px !important;
    height:16px !important;

    margin-left:-8px !important;
    transform:translateY(-50%) !important;

    background:#f79333 !important;
    border:2px solid #24231f !important;
    border-radius:50% !important;

    outline:none !important;
    box-shadow:none !important;

    cursor:ew-resize !important;
}

.mb26-filter-card--price .ui-slider-handle:focus{
    outline:none !important;
    box-shadow:0 0 0 3px rgba(247,147,51,.18) !important;
}