/* =====================================================================
   Modern Post View — "flach & ruhig" + schlanke Autoren-Sidebar
   ---------------------------------------------------------------------
   CSS-only, per templateListener nur auf der Themen-Seite geladen und
   nur bei MODERN_LIST_POST. KEINE Markup-Aenderung -> alle Hooks
   (Reaktionen, Editor, Clipboard, Quote, Best-Answer) bleiben intakt.

   Ziel: keine Karten, ruhige Trennung, transparente Autoren-Sidebar
   (kein "Kasten im Kasten"), schlanke Kennzahlen, gute Mobil-Lesbarkeit.

   Konfigurierbar im individuellen CSS des Stils, z. B.:
       .wbbThreadPostList { --post-accent-best: #2e7d32; }
   ===================================================================== */

.wbbThreadPostList {
	--post-accent-best: var(--wcfStatusSuccessBorder, #4caf50);
	--post-accent-official: var(--wcfStatusInfoBorder, #2779bd);
}

/* ---- Autoren-Sidebar: dezenter Original-Hintergrund bleibt erhalten ----
        (bewusst KEIN transparent – gleicher Farbcode wie im Original:
         var(--wcfSidebarBackground)). Bei Bedarf hier feinjustierbar. */
.wbbThreadPostList .messageSidebar {
	background-color: var(--wcfSidebarBackground);
}

/* ---- Schlanke Sidebar: nur Avatar, Name, Rang + die ersten 2 Kennzahlen.
        Weitere Felder (z. B. Vorname, Studiengang) ruhig ausblenden.
        Hinweis: dauerhaft global auch via ACP > Optionen einstellbar
        (Benutzer-Optionen in der Beitrags-Sidebar). ---- */
.wbbThreadPostList .userCredits dl > dt:nth-of-type(n + 3),
.wbbThreadPostList .userCredits dl > dd:nth-of-type(n + 3) {
	display: none;
}

/* ruhiger: Rang-Bild und Sonder-Trophäen in der Beitrags-Sidebar ausblenden
   (Text-Rang-Badge bleibt erhalten) */
.wbbThreadPostList .messageSidebar .userRank,
.wbbThreadPostList .messageSidebar .specialTrophyContainer {
	display: none;
}

/* ---- Akzente als dünner Streifen (kein Layout-Versatz) ---- */
.wbbThreadPostList > li.wbbPostBestAnswer > .wbbPost {
	box-shadow: inset 3px 0 0 0 var(--post-accent-best);
}

.wbbThreadPostList > li.wbbPostOfficial > .wbbPost {
	box-shadow: inset 3px 0 0 0 var(--post-accent-official);
}

/* ---- Badges ruhiger ---- */
.wbbThreadPostList .newMessageBadge {
	background-color: var(--wcfStatusInfoBackground);
	color: var(--wcfStatusInfoText);
}

/* ---- Inhalt: angenehme Lesbarkeit ---- */
.wbbThreadPostList .messageText {
	line-height: 1.6;
}

/* =====================================================================
   MOBIL — bessere Lesbarkeit
   Autoren-Leiste kompakt halten, Inhalt bekommt Platz und Fokus.
   ===================================================================== */
@media (max-width: 768px) {
	/* Kennzahlen/Optionen in der Mobil-Autorenleiste ausblenden -> mehr Platz */
	.wbbThreadPostList .userCredits {
		display: none;
	}

	.wbbThreadPostList .messageText {
		font-size: 1rem;
		line-height: 1.65;
		overflow-wrap: anywhere;
	}

	/* etwas Luft um den Beitragstext */
	.wbbThreadPostList .messageBody {
		margin-top: 6px;
	}
}