/* Modulspezifische Styles für das Content-Modul.
   Wird automatisch über cTheme::ladeHeader() im <head> eingebunden.
   Alle generischen Stile (Buttons, Tabellen, Formulare, Badges, Karten,
   Paginierung, Filter-Leiste) stammen aus modules/core/css/style.css. */

/* ===== Meta-Zeile unter Seiteninhalt ===== */
.content-meta {
	margin-top: var(--abst-4);
	padding-top: var(--abst-3);
	border-top: 1px solid var(--f-border, #45475a);
	font-size: 0.85rem;
}

/* ===== Beitrag-Header =====
   Trennstrich an der Meta-Zeile (Autor · Datum) — markiert das Ende des
   Headers und steht damit unabhängig davon, ob darunter eine Einleitung
   gerendert wird (öffentlich: nein, Reviewer-Sicht: ja). */
.content-beitrag-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--abst-2);
	margin-bottom: var(--abst-4);
	padding-bottom: var(--abst-3);
	border-bottom: 1px solid var(--f-border, #45475a);
	font-size: 0.875rem;
}

/* Ergänzt .status-badge aus Core — überschreibt nur die Farbe */
.content-kategorie {
	background: color-mix(in srgb, var(--f-aktiv, #89b4fa) 15%, transparent);
	color: var(--f-aktiv, #89b4fa);
	border: 1px solid color-mix(in srgb, var(--f-aktiv, #89b4fa) 40%, transparent);
}

.content-beitrag-einleitung {
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--f-text-schwach, #a6adc8);
	margin-bottom: var(--abst-5);
}

/* ===== Kommentarbereich ===== */
.content-kommentare {
	margin-top: var(--abst-10);
	padding-top: var(--abst-6);
	border-top: 2px solid var(--f-border, #45475a);
}

.content-kommentare-titel {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: var(--abst-5);
	color: var(--f-text, #cdd6f4);
}

.content-kommentar {
	padding: 0.875rem var(--abst-4);
	background: var(--f-seitenleiste, #181825);
	border: 1px solid var(--f-border, #45475a);
	border-radius: var(--abst-2);
	margin-bottom: var(--abst-3);
}

.content-kommentar-kopf {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: var(--abst-2);
	font-size: 0.875rem;
}

/* Kein .content-kommentar-autor — Standard-Textfarbe genügt */

.content-kommentar-datum {
	font-size: 0.8rem;
	/* Farbe via .text-gedaempt (Core) */
}

.content-kommentar-inhalt {
	font-size: 0.925rem;
	line-height: 1.6;
	/* Farbe via Standard-Textfarbe */
}

.content-kommentar-formular {
	margin-top: 1.75rem;
	padding-top: var(--abst-5);
	border-top: 1px solid var(--f-border, #45475a);
}

.content-kommentar-formular h3 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.875rem;
	/* Farbe via Standard-Textfarbe */
}

/* Kommentar-Vorschau in Tabelle — Farbe via .text-gedaempt (Core) */
.content-kommentar-vorschau {
	font-size: 0.875rem;
	max-width: 21.25rem;
}

/* Kommentar-Zitat in Lösch-Bestätigung — Farbe via .text-gedaempt (Core) */
.content-kommentar-vorschau-block {
	margin: var(--abst-3) 0 var(--abst-5);
	padding: 0.625rem 0.875rem;
	border-left: 3px solid var(--f-border, #45475a);
	font-size: 0.9rem;
	line-height: 1.55;
}

/* ===== Layout-Hilfen ===== */
.btn--rechtsbuendig {
	margin-left: auto;
}

