/* SupplySphere — Suche & Kategorien (Modul D). Ergänzt supplysphere.css; keine Token-Änderungen. */

.suche-seite { padding-top: 28px; padding-bottom: 64px; }

/* Ergebniskopf: Brotkrumen + Titel links, Sortierung rechts */
.ergebnisse { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.ergebnis-kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ergebnis-titel { gap: 4px; min-width: 0; }
.ergebnis-h1 { font-size: 34px; font-weight: 600; overflow-wrap: anywhere; }
.ergebnis-h2 { font-size: 26px; font-weight: 600; }
.ergebnis-raster { align-items: stretch; }
.ergebnis-leer { display: flex; flex-direction: column; gap: 8px; }
.ergebnis-leer-titel { font-size: 24px; font-weight: 600; margin: 0; }

/* Facetten: Links im Kästchen-Look des Entwurfs; Kontrollkästchen als echte Eingaben */
.facette { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.facette a.cb { color: var(--ink-2); }
.facette a.cb:hover { color: var(--yellow); }
.facette a.cb.on { color: var(--ink); }
.box { width: 16px; height: 16px; border: 1px solid var(--line-2); flex-shrink: 0; display: inline-block; }
.box.on { background: var(--yellow); border-color: var(--yellow); }
.facette-zurueck { display: inline-block; margin-bottom: 4px; }
.filter-form { display: flex; flex-direction: column; }
.filter .fl .btn-klein { align-self: flex-start; }

/* Datenblatt-Leiste über den Treffern */
.datenblatt-leiste { flex-wrap: wrap; }
.datenblatt-leiste .datenblatt-link { margin-left: auto; }

/* "Save search"-Kasten */
.suche-speichern { align-items: center; flex-wrap: wrap; margin-top: 8px; font-size: 14px; color: var(--ink-2); }
.suche-speichern-knoepfe { margin-left: auto; }

/* Kategorie-/Herstellerkopf */
.kategorie-kopf { display: flex; flex-direction: column; gap: 10px; padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--line); }
.kategorie-kopf h1 { font-size: 44px; }
.unterkategorien { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.unterkategorien a { border: 1px solid var(--line); padding: 6px 14px; font-size: 14px; color: var(--ink-2); min-height: 40px; display: inline-flex; align-items: center; gap: 8px; }
.unterkategorien a:hover { border-color: var(--yellow); color: var(--yellow); }
.unterkategorien a.leer-kat { color: var(--mute); }
.unterkategorien .zahl, .hersteller-liste .zahl { font-size: 12px; color: var(--mute); }

/* Herstellerübersicht */
.hersteller-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.hersteller-liste li { background: var(--navy); }
.hersteller-liste a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 16px; min-height: 44px; }
.hersteller-liste a:hover { background: var(--panel); }

/* Gespeicherte Suchen */
.gespeichert-name { font-size: 19px; font-weight: 600; text-transform: none; }
.gespeichert-tabelle td { vertical-align: middle; }
.gespeichert-fuss { margin-top: 12px; }

@media (max-width: 899px) {
  .ergebnis-h1 { font-size: 26px; }
  .ergebnis-h2 { font-size: 22px; }
  .kategorie-kopf h1 { font-size: 30px; }
  .hersteller-liste { grid-template-columns: minmax(0, 1fr); }
  .suche-speichern-knoepfe { margin-left: 0; width: 100%; }
  .sortierung { width: 100%; }
  .sortierung select.in { flex: 1 1 auto; }
  /* Tippziele ≥ 44 px (Bauplan Kapitel 5) */
  .unterkategorien a { min-height: 44px; }
  .facette-zurueck { min-height: 44px; display: inline-flex; align-items: center; }
}