/* ============================================================================
 * section-header.css — tc-section-header
 * ----------------------------------------------------------------------------
 * Bereich-Kopf mit Icon, Titel und optionaler Aktion. Ersetzt die frueheren
 * `.edit-section-label`, `.bb-section-title` und `.section-header`-Muster.
 *
 * ⚠️ HERAUSGELOEST AUS organisms.css AM 02.09.2026 (Taskwerk #469, Punkt 2).
 *
 * Die Komponente ist 30 Zeilen gross und steckte in einer Sammeldatei von
 * 89 KB, die 20 Seiten laden. Gemessen, wieviel jede dieser Seiten von den
 * 62 Komponenten darin ueberhaupt benutzt:
 *
 *     pathfinder-map.html        0 von 62
 *     oldworld-lists.html        1 von 62   <- nur diese hier
 *     social.html                2
 *     aos-lists.html             2
 *     mordheim-hub.html          3
 *     ...                        Median 11
 *
 * `oldworld-lists.html` lud also 89 KB fuer genau diesen Abschnittskopf.
 * Dasselbe Strukturproblem wie bei tc-chronicle-entry, das am 26.08.2026
 * schon einmal so geloest wurde.
 *
 * ⚠️ DIE WERTE SIND 1:1 UEBERNOMMEN, auch die Legacy-Aliase `--color-gold`
 * und `--text-muted`. Ein Umzug soll nichts sichtbar veraendern — wer die
 * Farben auf tc-Tokens hebt, macht das als eigenen Schritt mit Abnahme.
 * (Beide sind auf `:root` deklariert und wandern nicht mit dem Theme, §9.)
 *
 * Geladen von: aos.html · bloodbowl.html · mordheim-hub.html · oldworld.html ·
 * oldworld-lists.html · oldworld-battle.html · pathfinder.html ·
 * pathfinder-gewoelbe.html
 * ========================================================================== */

.tc-section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(201, 169, 89, 0.15);
  margin-bottom: 12px;
}

.tc-section-header__icon {
  font-size: 1rem;
  flex-shrink: 0;
}

.tc-section-header__title {
  font-family: var(--tc-font-display, 'Cinzel', serif);
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--color-gold, #c9a959);
  flex: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.tc-section-header__action {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
  cursor: pointer;
  transition: color 150ms;
}

.tc-section-header__action:hover { color: var(--color-gold, #c9a959); }