/**
 * idf-klapp-liste v0.3.0 - Liste mit Kopfzeile je Eintrag, der Rest klappt auf
 * (apps-v2 #2078)
 *
 * Zeilen, Pillen und die Karte am Handy kommen aus functions/list-view/
 * grid-css, Pille, Zustand und halbfette Kopfzeile aus functions/list-view/
 * tree, die Felder aus blocks/form-cell. Hier steht nur, was zur Liste als
 * Ganzes und zum Block unter der Kopfzeile gehoert. Das Raster der Kopfzeile
 * (grid-template-columns) steht im Modul.
 *
 * v0.3.0: der Rand im Fenster kommt aus functions/detail-modal (Issue 2094),
 * fuer jede Liste dort; die eigenen Regeln aus v0.2.0 sind wieder weg.
 * v0.2.0: im Detail-Fenster ohne eigenen Seitenrand, „hinzufügen“ so breit
 * wie die Zeilen.
 */

/* Die Liste ist der Container, an dessen Breite ein Modul sein Raster
   umbricht (`@container klapp-liste`): im Fenster entscheidet die Breite
   des Reiters, nicht die des Fensters, wie bei den Varianten der
   Leistungen. Einen eigenen Seitenrand hat sie im Fenster nicht, das
   regelt das Fenster fuer jede Liste (functions/detail-modal). */
.idf-klapp-liste {
  container: klapp-liste / inline-size;
}

/* Der Block ist kein .idf-list-row (kein Zeilen-Hover ueber einem
   Formular, Text bleibt markierbar), deshalb zieht die Regel des
   Baum-Bausteins fuer verborgene Unterpunkte hier nicht von selbst. Bis
   hierher stand sie in jedem Modul mit Klapp-Liste einzeln. */
.idf-klapp-block.is-tree-verborgen {
  display: none;
}

/* Eingerueckt bis unter die erste Spalte des Moduls: der Block gehoert
   sichtbar zu seiner Kopfzeile, die Linie darunter schliesst den Eintrag
   ab. Vorgabe ist die Schalter-Spalte (44 px); steht vor der ersten
   Wert-Spalte noch eine Pille, setzt das Modul `--idf-klapp-einzug` an
   seiner Liste (Varianten der Leistungen: 88 px). */
.idf-klapp-block {
  padding: var(--space-3) var(--idf-list-gutter-end, 0px) var(--space-4)
           calc(var(--idf-list-gutter, 0px) + var(--idf-klapp-einzug, 44px));
  border-bottom: 1px solid var(--ink-10);
}
.idf-klapp-form {
  padding: var(--space-3);
  border: var(--idf-form-border);
  border-radius: var(--idf-form-radius);
  background: var(--white);
}

/* Schmale Liste: die Felder des Blocks untereinander. Das Formular stellt
   erst unter 720 px Fensterbreite auf eine Spalte um, die Liste steht
   aber auch im breiten Fenster schmal da, etwa neben der angedockten
   Hilfe (bei 1024 px 330 px Liste). Zwei Spalten zu 120 px brachen dort
   „Keine Mindestabnahme" mitten im Wort. Ab 600 px Liste bleiben fuer
   jede Spalte gut 240 px. */
@container klapp-liste (width < 600px) {
  .idf-klapp-form {
    grid-template-columns: 1fr;
  }
}

/* „hinzufügen" (blocks/inline-add) mit Abstand unter der letzten Zeile. */
.idf-klapp-add:not(:empty) {
  margin-top: var(--space-3);
}

/* Im Kartenmodus ist die Kopfzeile eine Karte (Karten-Ansicht aller
   Listen) und hat keine Schalter-Spalte mehr, unter der man einruecken
   koennte. Dieselbe Abfrage wie der Kartenmodus in grid-css: die Seite
   ohne Scrollleiste und ohne angedockte Hilfe (shared v1.730.0). */
@container idf-seite (max-width: 600px) {
  .idf-klapp-block {
    padding-left: 0;
    padding-right: 0;
  }
}