/*
 * Grundformatierung — bewusst minimal.
 *
 * Ein Plugin, das sein eigenes Aussehen durchsetzt, sieht auf jeder zweiten
 * Vereinsseite falsch aus, und der Verein gibt auf, statt CSS zu schreiben.
 * Deshalb: keine Farben, keine Schriften, keine Rahmen — nur Abstände und
 * Anordnung. Alles Weitere gehört ins Theme. Abschaltbar unter
 * Einstellungen → Comunitix.
 *
 * Alle Angaben richtungsneutral (margin-inline, padding-inline), damit die
 * Listen auch in RTL-Sprachen richtig herum stehen.
 */

.comunitix-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comunitix-liste > li + li {
	margin-block-start: 1.25rem;
}

/* Neuigkeiten: Bild neben Text, ab schmalen Breiten untereinander. */
.comunitix-news__eintrag {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: flex-start;
}

.comunitix-news__bild {
	flex: 0 0 auto;
	inline-size: 120px;
	block-size: auto;
	max-inline-size: 100%;
	object-fit: cover;
}

.comunitix-news__text {
	flex: 1 1 16rem;
	min-inline-size: 0;
}

.comunitix-news__titel {
	margin: 0 0 0.25rem;
}

.comunitix-news__datum,
.comunitix-news__auszug {
	margin: 0 0 0.25rem;
}

.comunitix-news__datum {
	font-size: 0.875em;
	opacity: 0.75;
}

/* Termine und Veranstaltungen: Datum, Titel, Ort untereinander. */
.comunitix-termine__eintrag,
.comunitix-veranstaltungen__eintrag {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.comunitix-termine__datum,
.comunitix-veranstaltungen__datum {
	font-size: 0.875em;
	opacity: 0.75;
}

.comunitix-termine__titel,
.comunitix-veranstaltungen__titel {
	font-weight: 600;
}

.comunitix-termine__ort,
.comunitix-veranstaltungen__ort {
	font-size: 0.9em;
	opacity: 0.85;
}

.comunitix-termine__beschreibung,
.comunitix-veranstaltungen__beschreibung,
.comunitix-veranstaltungen__status {
	margin: 0.25rem 0 0;
}

.comunitix-veranstaltungen__status {
	font-size: 0.875em;
}

/* Abgesagt bleibt sichtbar — eine verschwundene Veranstaltung stellt Leute vor die Halle. */
.comunitix-veranstaltungen__eintrag--abgesagt .comunitix-veranstaltungen__titel {
	text-decoration: line-through;
}

.comunitix-veranstaltungen__anmelden {
	align-self: flex-start;
	margin-block-start: 0.375rem;
}

.comunitix-leer,
.comunitix-powered {
	font-size: 0.875em;
	opacity: 0.7;
}

.comunitix-powered {
	margin-block-start: 1rem;
}

/* Hinweise sehen nur angemeldete Redakteure — deshalb dürfen sie auffallen. */
.comunitix-hinweis {
	margin-block-start: 1rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.875em;
	border-inline-start: 3px solid currentColor;
	opacity: 0.85;
}