/* Filtr Variant B pro epashop.cz - Barva (kolecka), Pohlavi (pills), Velikost (button grid) */
/* Vertikalni layout - override inline header <style> */
.filter-sections{display:block!important}
.filter-section{display:block!important;width:100%!important;flex:none!important;min-width:0!important;margin-bottom:18px!important}
/* Hide theme's fake checkbox pseudo-element for these three filter sections */
.filter-section-parametric-id-4 .filter-label::before,
.filter-section-parametric-id-4 .filter-label::after,
.filter-section-parametric-id-1100 .filter-label::before,
.filter-section-parametric-id-1100 .filter-label::after,
.filter-section-parametric-id-5 .filter-label::before,
.filter-section-parametric-id-5 .filter-label::after{display:none!important;content:none!important}
/* Skryte checkboxy mimo layout flow */
.filter-section-parametric-id-4 input,
.filter-section-parametric-id-1100 input,
.filter-section-parametric-id-5 input{position:absolute!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
/* Kompaktni flex layout - bez mezer, override Shoptet float/margin */
.filter-section-parametric-id-4 fieldset,
.filter-section-parametric-id-1100 fieldset,
.filter-section-parametric-id-5 fieldset{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;padding:0!important;margin:0!important;border:0!important;min-width:0!important}
.filter-section-parametric-id-4 fieldset>div,
.filter-section-parametric-id-1100 fieldset>div,
.filter-section-parametric-id-5 fieldset>div{float:none!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:center;vertical-align:top;display:block!important;box-sizing:border-box}
/* Advanced filters wrapper - vlastni radek */
.filter-section-parametric-id-4 fieldset>.advanced-filters-wrapper,
.filter-section-parametric-id-1100 fieldset>.advanced-filters-wrapper,
.filter-section-parametric-id-5 fieldset>.advanced-filters-wrapper{flex:0 0 100%!important;width:100%!important;order:-1;margin:0 0 4px 0!important}
/* Gap per sekce */
.filter-section-parametric-id-4 fieldset{gap:14px 12px!important}
.filter-section-parametric-id-1100 fieldset{gap:6px!important}
.filter-section-parametric-id-5 fieldset{gap:6px!important}
/* Barva id=4 - swatches */
.filter-section-parametric-id-4 fieldset>div{width:28px!important}
.filter-section-parametric-id-4 label{display:block!important;width:28px!important;height:28px!important;border-radius:50%!important;border:1px solid #ccc!important;cursor:pointer;font-size:0!important;margin:0!important;padding:0!important;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.filter-section-parametric-id-4 input:checked+label{outline:2px solid #E35A00;outline-offset:2px}
.filter-section-parametric-id-4 .filter-count{position:absolute;top:100%;left:-10px;right:-10px;font-size:11px;color:#666;text-align:center;padding-top:4px;font-weight:400}
.filter-section-parametric-id-4 label:hover::after{content:attr(for);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:11px;padding:3px 6px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:10}
.filter-section-parametric-id-4 input[value="Bílá"]+label{background:#fff;border-color:#999}
.filter-section-parametric-id-4 input[value="Zelená"]+label{background:#2e7d32}
.filter-section-parametric-id-4 input[value="Červená"]+label{background:#c62828}
.filter-section-parametric-id-4 input[value="Žlutá"]+label{background:#fbc02d}
.filter-section-parametric-id-4 input[value="Oranžová"]+label{background:#ef6c00}
.filter-section-parametric-id-4 input[value="Šedá"]+label{background:#757575}
.filter-section-parametric-id-4 input[value="Černá"]+label{background:#111}
.filter-section-parametric-id-4 input[value="Tmavě modrá"]+label{background:#1a237e}
.filter-section-parametric-id-4 input[value="Růžová"]+label{background:#ec407a}
.filter-section-parametric-id-4 input[value="Grafitová"]+label{background:#37474f}
.filter-section-parametric-id-4 input[value="Královsky modrá"]+label{background:#1565c0}
.filter-section-parametric-id-4 label[title]::before{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:11px;padding:3px 6px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
.filter-section-parametric-id-4 label[title]:hover::before{opacity:1}
/* Pohlavi id=1100 - pills */
.filter-section-parametric-id-1100 label{display:inline-block!important;border:1px solid #ccc!important;border-radius:16px!important;padding:6px 14px!important;font-size:13px!important;cursor:pointer;background:#fff;transition:all .15s;font-weight:400}
.filter-section-parametric-id-1100 label:hover{border-color:#E35A00;color:#E35A00}
.filter-section-parametric-id-1100 input:checked+label{background:#E35A00;color:#fff;border-color:#E35A00}
.filter-section-parametric-id-1100 .filter-count{opacity:.85;font-size:12px}
/* Velikost id=5 - button grid */
.filter-section-parametric-id-5 label{display:inline-block!important;border:1px solid #ccc!important;border-radius:6px!important;padding:7px 12px!important;min-width:42px!important;font-size:13px!important;font-weight:500;cursor:pointer;text-align:center;background:#fff;transition:all .15s}
.filter-section-parametric-id-5 label:hover{border-color:#E35A00;color:#E35A00}
.filter-section-parametric-id-5 input:checked+label{background:#E35A00;color:#fff;border-color:#E35A00}
.filter-section-parametric-id-5 .filter-count{opacity:.85;font-size:12px;margin-left:2px}
