/* Rentique Weiß — Sortimentsseite.
   ————————————————————————————————————————————————————————————————————————
   Nur das, was der Filter braucht und was weder im Design-System noch in
   site.css / rentique.css schon steht. Keine neuen Klassen, keine festen
   Werte — ausschließlich Token und vorhandene Klassen.
   Geladen über „css: sortiment“ im Frontmatter von src/pages/sortiment.html.
   ———————————————————————————————————————————————————————————————————————— */

/* ——— hidden muss gewinnen ———
   Produktkachel, Rubriküberschrift und leerer Zustand tragen alle ein
   eigenes display (flex). Das schlägt die Vorgabe des Browsers für
   [hidden] — ohne diese drei Zeilen blendet sortiment.js zwar aus, aber
   nichts verschwindet, und der leere Zustand stünde OHNE JavaScript
   dauerhaft unter dem vollen Sortiment.
   (.grid-cards[hidden] ist in rentique.css schon abgedeckt.) */
.rw-pcard[hidden],
.site-katrubrik[hidden],
.rw-empty[hidden]{display:none}

/* ——— Häkchen nur am gedrückten Filterchip ———
   Der Generator legt in jeden Filterchip ein Häkchen-Icon, damit der
   Zustand nicht allein über die Farbe läuft (HANDOFF §5). Sichtbar sein
   darf es aber nur, solange aria-pressed="true" ist — sonst behaupten
   alle sieben Chips gleichzeitig, sie seien gesetzt. */
.site-filters button.rw-chip[aria-pressed="false"] .i-check{display:none}

/* ——— Anordnung der Filterzeile ———
   Das Suchfeld hat seine Beschriftung nur für Vorleseprogramme, die
   Auswahlliste trägt sie sichtbar darüber. Beide Kästen sind deshalb
   unterschiedlich hoch; zentriert nebeneinander stünden ihre Unterkanten
   versetzt. Bündig unten sieht es aus wie eine Zeile. Auf die Chipreihe
   wirkt sich das nicht aus, dort sind alle Elemente gleich hoch.

   Bis --bp-sm nimmt die Auswahlliste die volle Breite und die Zeile
   bricht um; darüber steht sie neben dem Suchfeld und fällt nicht auf die
   Breite ihres längsten Eintrags zusammen. */
.site-filters__row{align-items:flex-end}
.site-filters .rw-field{width:100%}
@media (min-width:620px){
  .site-filters .rw-field{width:auto;min-width:200px}
}