/* Container */
.cz-pharmacy-variants{ margin-top:2rem; }

/* Filterzeile */
.cz-pharmacy-filters{ display:flex; gap:8px; margin-bottom:12px; }
.cz-pharmacy-filters input, .cz-pharmacy-filters button{ border-radius:8px; padding:8px 10px; }

/* Slider + Label */
.radius-wrapper{ display:flex; align-items:center; gap:.5rem; flex:1; }
#pharmacy-radius{ flex:1; }
#pharmacy-radius-value{ min-width:3.5em; text-align:right; font-weight:700; }

/* Reset-Button (nur Icon) */
#pharmacy-reset{ min-width:auto; padding:8px 10px; }
#pharmacy-reset svg{ display:block; }

/* Tabelle */
#pharmacy-table td, #pharmacy-table th{ padding:8px; }

/* ---------- Accordion: exakt wie Sidebar ---------- */
.cz-acc-item{ padding:0; border:1px solid #e9ecef; border-radius:12px; background:#fff; }
.cz-acc-toggle{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; background:#fff; border:0; border-radius:12px; cursor:pointer;
}
.cz-acc-title{ font-weight:800; font-size:18px; }
.cz-acc-meta{ display:inline-flex; align-items:center; gap:8px; }
.cz-acc-count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:28px; height:28px; padding:0 8px; border-radius:999px;
  background:#eafcf0; color:#0b3d2c; font-weight:700; border:1px solid #b7f0c9;
}

/* Wichtig: überschreibt Theme-Regeln, die SVGs aufblasen */
.cz-acc-chev{ width:20px; height:20px; flex:0 0 20px; transition:transform .2s ease; opacity:.7; }
.cz-acc-panel{ padding:0 16px 16px; }
.cz-acc-panel[hidden]{ display:none; }
.cz-acc-item[open] .cz-acc-chev,
.cz-acc-toggle[aria-expanded="true"] .cz-acc-chev{ transform:rotate(180deg); }

/* Leerer Zustand */
#pharmacy-empty.cz-empty{ margin-top:12px; }

/* Reset-Button (rot, weißes Icon), übersteuert Theme-Buttons */
.cz-pharmacy-variants .cz-reset-icon {
  background: #e11d48 !important;   /* rot */
  border: 1px solid #be123c !important;
  color: #fff !important;
  min-width: auto;
  padding: 8px 10px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.cz-pharmacy-variants .cz-reset-icon svg {
  display: block;
  stroke: currentColor;  /* übernimmt weiß */
}

.cz-sort-pills .pill.active[data-dir="absteigend"]::after {
  content: " ↓";
  font-weight: 700;
}
.cz-sort-pills .pill.active[data-dir="aufsteigend"]::after {
  content: " ↑";
  font-weight: 700;
}