/* filter-variant-b_307.css — task #307:
   - Vlastni clamp na .category-perex (3 radky, "Zobrazit vice"), skryje Shoptet native toggle
   - Zachovava vse z task #302..#306
*/

.filters-wrapper,
.filters-unveil-button-wrapper{ display:block!important; width:100%!important; }

/* Skryt filtry defaultne jen v unveil vzoru (box-filters). Kdyz je filter aplikovan, Shoptet renderuje #filters standalone. */
.box-filters #filters:not(.visible){display:none!important}

.filter-sections{ display:block!important; padding:0!important; }
.filter-sections > div:not(.filter-section){display:contents!important}

.filter-section{
  display:block!important; width:100%!important; flex:0 0 auto!important;
  min-width:0!important; margin:0 0 12px!important; padding:0!important;
}

.filter-section-boolean,
.filter-section-manufacturer,
.filter-section-button,
.filter-section-count{display:none!important}

#category-filter-hover{display:contents!important; visibility:visible!important;}

.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; gap:8px!important;
  align-items:center!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; min-width:0!important; padding:0!important;
  display:inline-block!important; vertical-align:top!important; flex:0 0 auto!important; width:auto!important;
}

.filter-section-parametric-id-4 fieldset > div{
  width:36px!important; margin:0!important; text-align:center!important;
}

.filter-section-parametric-id-1100 fieldset > div,
.filter-section-parametric-id-5 fieldset > div{ margin:0!important; }

.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{ display:none!important; }

/* ===== TASK #302 vizualni tweaks (zachovano) ===== */
.filter-count,
.parametric-count,
.filter-item-count,
#filters .p-count{display:none!important}

#filters .slider-wrapper,
#filters .filter-section{
  background:#f7f7f7!important;
  border:1px solid #e5e5e5!important;
  border-radius:8px!important;
  padding:14px 16px!important;
  margin:0 0 12px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 auto!important;
  float:none!important;
}
/* ===== TASK #306: sjednotit sirku sekci filtru (Cena vs Barva) ===== */
#filters,
#filters .filter-sections,
#filters .filters-in{
  display:block!important; width:100%!important; max-width:none!important; float:none!important;
}
#filters .slider-wrapper .slider,
#filters .slider-wrapper .noUi-target{
  width:auto!important; max-width:none!important;
}
#filters .slider-wrapper .noUi-target,
#filters .slider-wrapper .slider{margin-top:8px!important}

#filters .filter-section > label,
#filters .filter-section > .filter-name,
#filters .filter-section > .filter-title,
#filters .filter-section legend,
#filters .slider-wrapper > label,
#filters .slider-wrapper > .filter-name{
  font-weight:600!important; margin:0 0 10px!important; display:block!important;
}

/* Layout category-top: block stack (default), zadny grid. JS presouva tlacitko pred .subcategories. */
.category-top .filters-unveil-button-wrapper{
  margin:12px 0 16px!important;
  width:100%!important;
}
.category-top .filters-unveil-button-wrapper .unveil-button{margin:0!important}

.box.box-filters.inline-filters{
  background:transparent!important; border:0!important; padding:0!important;
  margin:0 0 20px!important; box-shadow:none!important;
}

/* ===== TASK #303: sjednotit tvar filtru + vic vzduchu ===== */
.filter-section-parametric-id-1100 label,
.filter-section-parametric-id-5 label {
  border-radius: 6px !important;
  padding: 8px 14px !important;
}

/* ===== TASK #305: filter button CENTROVAN horizontalne ===== */
.filters-unveil-button-wrapper{
  text-align: center !important;
  display: block !important;
  margin: 12px 0 !important;
}
.filters-unveil-button-wrapper .unveil-button,
.filters-unveil-button-wrapper a{
  display: inline-block !important;
}

/* ===== TASK #307: vlastni clamp na category-perex (3 radky + Zobrazit vice) ===== */
.category-perex {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: none !important;
  position: relative !important;
}
.category-perex.expanded {
  -webkit-line-clamp: unset !important;
  display: block !important;
  max-height: none !important;
}
.epa-perex-toggle {
  display: inline-block;
  margin-top: 8px;
  cursor: pointer;
  color: #E35A00;
  font-weight: 500;
  text-decoration: underline;
}
/* Skryt originalni Shoptet toggle (nahradime vlastni) */
.category-perex-toggle {
  display: none !important;
}