/*
 * s14.de — Modellseiten (ab 08.09.2026)
 *
 * Eigene Datei, weil s14-base.css bei 120 kB liegt und für gezielte Änderungen
 * über GitHub zu groß geworden ist. Nur auf Modell-Einzelseiten geladen
 * (inc/enqueue.php, is_singular(S14_CPT_MODELL)). Bestehende Modellseiten-
 * Regeln in s14-base.css bleiben dort, bis sie hierher wandern.
 */

/* =========================================================
 * Karten mit Bild: Boxen untereinander statt vier schmaler Spalten
 *
 * Daniels Foto 08.09.2026 (M3 E30, Karosserievarianten): vier Karten à 250 px,
 * jede mit 400–500 Zeichen Text — „vier schlecht lesbare Spalten nach unten".
 * Das Raster `.s14-ms-raster2` trägt aber auch „Die Konkurrenz": drei kurze
 * Karten ohne Bild, die in Spalten gut aussehen. Deshalb greift die Regel
 * nur, wenn im Raster mindestens ein Bild (`.s14-figur`) steckt — `:has()`
 * ist seit 2023 in allen Browsern.
 *
 * Ergebnis je Karte: Überschrift über die volle Breite, Bild links (34 %,
 * mindestens 260 px), Text rechts mit Lesebreite 68ch. Karten ohne Bild im
 * selben Raster laufen über die volle Breite.
 * ======================================================= */
.s14-ms-raster2:has(.s14-figur) {
	grid-template-columns: 1fr;
	gap: 18px;
}
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte {
	display: grid;
	grid-template-columns: minmax(260px, 34%) 1fr;
	gap: 6px 28px;
	align-items: start;
}
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > h3 {
	grid-column: 1 / -1;
	margin-bottom: 6px;
}
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > .s14-figur {
	grid-column: 1;
	grid-row: 2 / span 30;
	margin: 0;
}
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > p,
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > ul,
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > .s14-bildquelle {
	grid-column: 2;
	max-width: 68ch;
}
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte:not(:has(.s14-figur)) > p,
.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte:not(:has(.s14-figur)) > ul {
	grid-column: 1 / -1;
}
@media (max-width: 760px) {
	.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte {
		grid-template-columns: 1fr;
	}
	.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > .s14-figur {
		grid-row: auto;
	}
	.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > p,
	.s14-ms-raster2:has(.s14-figur) > .s14-ms-karte > ul {
		grid-column: 1;
	}
}

/* =========================================================
 * Absätze in Kartentexten
 *
 * Die Notiz-Felder der Karten (ACF-Textarea) werden als EIN <p> ausgegeben;
 * Zeilenumbrüche im Feld kamen bisher nicht an. Daniel (08.09.2026) wollte die
 * langen Evolutions-Texte lesbar — jetzt gilt: eine Leerzeile im Feld ist
 * ein Absatz. Kein Eingriff in die Vorlage nötig.
 * ======================================================= */
.s14-ms-karte > p {
	white-space: pre-line;
}