/* filter-variant-b_310.css — task #310:
   - Rozšíření barevných swatches (kruhových puntíků) filtru "Barva"
     z parametric-id-4 (variantní, /tricka/) na parametric-id-44 (informační)
     - všechny ostatní kategorie ESD oděvů: /tilka/, /polokosile/, /mikiny/,
       /vesty/, /kalhoty/, /plaste/, atd.
   - Layout mirror rules id-4 → id-44
   - Mapping data-value (via input for="pv[]NNN") → CSS background barvě
*/

/* skryt default before/after Shoptet checkboxes */
.filter-section-parametric-id-44 .filter-label::before,
.filter-section-parametric-id-44 .filter-label::after{
  display:none !important; content:none !important;
}

/* skryt native checkbox input */
.filter-section-parametric-id-44 input{
  position:absolute !important; opacity:0 !important;
  width:0 !important; height:0 !important;
  pointer-events:none !important; margin:0 !important; padding:0 !important;
}

/* fieldset jako flex-wrap, gap 8px */
.filter-section-parametric-id-44 fieldset{
  display:flex !important; flex-wrap:wrap !important;
  gap:8px !important; align-items:center !important;
}

/* wrapper kolem každého swatch (36px width incl. count text pod ním) */
.filter-section-parametric-id-44 fieldset > div{
  display:inline-block !important; float:none !important;
  min-width:0 !important; padding:0 !important; margin:0 !important;
  vertical-align:top !important; flex:0 0 auto !important;
  width:36px !important; text-align:center !important;
}

/* skryt zbytecny advanced-filters-wrapper wrapper element */
.filter-section-parametric-id-44 fieldset > .advanced-filters-wrapper{
  display:none !important;
}

/* samotný swatch: 28x28 kruh */
.filter-section-parametric-id-44 label{
  cursor:pointer; position:relative;
  box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
  display:block !important;
  width:28px !important; height:28px !important;
  border-radius:50% !important;
  border:1px solid #cccccc !important;
  font-size:0 !important; margin:0 auto !important; padding:0 !important;
}

/* zvýraznit checked swatch orange outline */
.filter-section-parametric-id-44 input:checked + label{
  outline: #E35A00 solid 2px; outline-offset:2px;
}

/* count pod swatchem (drobný text) */
.filter-section-parametric-id-44 .filter-count{
  position:absolute; top:100%; left:-10px; right:-10px;
  font-size:11px; color:#666666; text-align:center;
  padding-top:4px; font-weight:400;
}

/* tooltip on hover přes attr(for) — fallback */
.filter-section-parametric-id-44 label:hover::after{
  content: attr(for); position:absolute; bottom:calc(100% + 6px);
  left:50%; transform:translateX(-50%);
  background:#333333; color:#ffffff; font-size:11px;
  padding:3px 6px; border-radius:3px;
  white-space:nowrap; pointer-events:none; z-index:10;
}

/* ===== Color mapping podle filter values na id-44 ===== */
.filter-section-parametric-id-44 label[for="pv[]698"]{ background:#ffffff !important; }  /* bílá */
.filter-section-parametric-id-44 label[for="pv[]716"]{ background:#111111 !important; }  /* černá */
.filter-section-parametric-id-44 label[for="pv[]728"]{ background:#757575 !important; }  /* šedá */
.filter-section-parametric-id-44 label[for="pv[]755"]{ background:#2e7d32 !important; }  /* zelená */
.filter-section-parametric-id-44 label[for="pv[]752"]{ background:#c62828 !important; }  /* červená */
.filter-section-parametric-id-44 label[for="pv[]758"]{ background:#fbc02d !important; }  /* žlutá */
.filter-section-parametric-id-44 label[for="pv[]746"]{ background:#ef6c00 !important; }  /* oranžová */
.filter-section-parametric-id-44 label[for="pv[]749"]{ background:#1a237e !important; }  /* tmavě modrá */
.filter-section-parametric-id-44 label[for="pv[]689"]{ background:#1976d2 !important; }  /* modrá */
.filter-section-parametric-id-44 label[for="pv[]1757"]{ background:#81d4fa !important; } /* světle modrá */
.filter-section-parametric-id-44 label[for="pv[]761"]{ background:#37474f !important; }  /* grafitová */
.filter-section-parametric-id-44 label[for="pv[]812"]{ background:#8e24aa !important; }  /* fialová */
.filter-section-parametric-id-44 label[for="pv[]836"]{ background:#ec407a !important; }  /* růžová */
.filter-section-parametric-id-44 label[for="pv[]2021"]{ background:#1565c0 !important; } /* královská modř */
.filter-section-parametric-id-44 label[for="pv[]2060"]{ background:#ccff00 !important; } /* neonově žlutá */
.filter-section-parametric-id-44 label[for="pv[]13403"]{ background:#6667ab !important; } /* Very Peri */