/*
 * Redaktions-Styles — zwei Sorten Regel, bewusst getrennt.
 *
 * 1. KORREKTUREN an fremdem Markup (Kern, Theme). Greifen von selbst, niemand
 *    muss sie kennen, es gibt keine Klasse zum Einschalten.
 * 2. HAUSKLASSEN mit Präfix `tss-`. Die tippt jemand im Editor in das Feld
 *    „Zusätzliche CSS-Klasse(n)" — sie müssen also auffindbar sein. Ihre Liste
 *    steht im Beschreibungstext des Moduls auf der Einstellungsseite, damit
 *    beides an derselben Stelle steht: der Schalter und das, was er anbietet.
 *
 * ⚠ WAS EINE HAUSKLASSE NICHT KANN: einen Wert überstimmen, der im
 *    Block-Editor unter „Abstände" eingestellt ist. Der landet als
 *    Inline-Style am Element und gewinnt gegen jede Klassenregel. Deshalb
 *    steht unten KEIN `margin` — eine Regel, die in der Hälfte der Fälle
 *    wirkungslos ist, ist schlimmer als keine: Sie sieht aus wie eine Zusage.
 *    (Befund 06.09.2026: Genau daran hat `.ohne-einzug` monatelang scheinbar
 *    gewirkt, während in Wahrheit ein Inline-Rand von 6.68rem den Einzug
 *    machte.)
 */

/* ── 1. Korrektur: der Vergrößern-Knopf der Lightbox ─────────────────────────
 *
 * Der Kern legt über jedes Bild mit „Beim Klicken vergrößern" einen Knopf:
 * 20 × 20 px, Hintergrund `rgba(90,90,90,.25)`, darin ein weißes Symbol aus
 * vier Ecken. Auf einem hellen oder unruhigen Bild verschwindet die Fläche,
 * übrig bleiben die vier weißen Ecken — die aussehen wie ein leerer Rahmen,
 * der versehentlich stehengeblieben ist. Genau so wurde er am 06.09.2026
 * gemeldet, und die Fehlersuche ging in die falsche Richtung, weil niemand
 * ihn für ein Bedienelement hielt.
 *
 * ⚠ NICHT VERSTECKEN. Der Knopf ist der eigentliche Bedienweg: Er ist
 * fokussierbar, trägt `aria-haspopup="dialog"` und die Beschriftung
 * „Vergrößern". Das Klicken auf das Bild ist die Abkürzung für die Maus. Wer
 * mit der Tastatur arbeitet, hat ohne ihn keinen Weg hinein — und weil der
 * Kern den Fokus nach dem Schließen absichtlich hierher zurücksetzt, wäre ein
 * `opacity: 0` auf `:focus` ein Sprung ins Nichts.
 *
 * Die vier Selektoren sind kein Übermut: Der Kern setzt seine Hintergrundfarbe
 * über `…button:not(:hover):not(:active):not(.has-background)`. Der letzte
 * Selektor hier ist um genau eine Stufe spezifischer — eine schlichtere Regel
 * käme nicht an.
 *
 * 28 statt 20 px ist nicht Geschmack: 20 px liegt unter der Mindestgröße von
 * 24 px, die WCAG 2.2 für Bedienziele nennt (2.5.8). Auf dem Telefon trifft
 * man den Knopf sonst nur mit Glück.
 */
.wp-lightbox-container button.lightbox-trigger,
.wp-lightbox-container button.lightbox-trigger:hover,
.wp-lightbox-container button.lightbox-trigger:focus,
.wp-lightbox-container button.lightbox-trigger:not(:hover):not(:active):not(.has-background) {
	background-color: rgba(0, 0, 0, .55);
	width: 28px;
	height: 28px;
}

/* ── 2. Hausklasse: Liste ohne den großen Einzug ────────────────────────────
 *
 * Browser und Kern geben Listen 40 px Innenabstand. In schmalen Spalten ist
 * das viel; 1.2em lässt den Aufzählungspunkten gerade genug Platz und hält den
 * Text bündig mit den Absätzen darüber.
 *
 * Nur der Innenabstand — zum Außenabstand siehe die Warnung im Dateikopf.
 */
.tss-ohne-einzug {
	padding-inline-start: 1.2em;
}