/* ================================
   Shoptet – filter "Značky" (scroll + rozbalenie)
   ================================ */

/* HLAVIČKA sekcie: text + šípka vpravo */
#manufacturer-filter.filter-section-manufacturer > h4{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* tlačidlo šípky */
#manufacturer-filter.filter-section-manufacturer .mf-toggle{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:6px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* samotná šípka (chevron) */
#manufacturer-filter.filter-section-manufacturer .mf-toggle .mf-chev{
  width:10px;
  height:10px;
  display:inline-block;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg); /* default: dole */
  transition:transform .2s ease;
}

/* SCROLL kontajner pre zoznam značiek */
#manufacturer-filter.filter-section-manufacturer .mf-list{
  max-height:260px;   /* uprav si podľa potreby */
  overflow-y:auto;
  overflow-x:hidden;  /* odstráni spodný scroll */
  padding-right:6px;  /* aby text nešiel pod scrollbar */
}

/* proti horizontálnemu scrollu */
#manufacturer-filter.filter-section-manufacturer .mf-list *{
  max-width:100%;
}

/* dlhé názvy značiek zalomiť */
#manufacturer-filter.filter-section-manufacturer .mf-list .filter-label{
  white-space:normal;
  overflow-wrap:anywhere;
}

/* ZBALENÝ stav: zoznam schovaný */
#manufacturer-filter.filter-section-manufacturer.is-collapsed .mf-list{
  max-height:0;
  overflow:hidden;
  padding-right:0;
}

/* ROZBALENÝ stav: šípka hore */
#manufacturer-filter.filter-section-manufacturer.is-expanded .mf-toggle .mf-chev{
  transform:rotate(-135deg);
}

/* núdzovo: schovať horizontálne overflow aj na fieldsete (niekedy to robí on) */
#manufacturer-filter.filter-section-manufacturer form fieldset{
  overflow-x:hidden;
}