/*
 * Design angelehnt an fuerstenberger-carnevals-club.de (Theme "Extendable").
 * Farben und Schriften kommen aus den Theme-Variablen; die Werte dahinter
 * sind nur Fallbacks, falls das Theme einmal gewechselt wird.
 */
.fcc-em-seite,
.fcc-em-raster {
	--fcc-em-rot: var(--wp--preset--color--primary, #cb0000);
	--fcc-em-oliv: var(--wp--preset--color--secondary, #3d4235);
	--fcc-em-text: var(--wp--preset--color--foreground, #171511);
	--fcc-em-linie: var(--wp--preset--color--tertiary, #e2e1dd);
	--fcc-em-karte: var(--wp--preset--color--white, #ffffff);
	--fcc-em-schrift-titel: var(--wp--preset--font-family--poppins, "Poppins", sans-serif);
}

/* Seitenrahmen des Plugin-Templates */
.fcc-em-seite {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--50, 3rem) var(--wp--preset--spacing--30, 1.5rem);
	box-sizing: border-box;
}

.fcc-em-seite__kopf h1 {
	margin: 0 0 var(--wp--preset--spacing--40, 2rem);
	color: var(--fcc-em-text);
}

.fcc-em-seite__kopf h1::after {
	content: "";
	display: block;
	width: 64px;
	height: 4px;
	margin-top: .75rem;
	background: var(--fcc-em-rot);
}

/* Block-Themes: kurzer roter Akzent statt schwarzer Trennlinie */
.fcc-em-akzent {
	display: block;
	width: 64px;
	height: 4px;
	background: var(--wp--preset--color--primary, #cb0000);
}

/* Block-Themes: Abstand zwischen Karten und Footer */
.fcc-em-archiv {
	padding-bottom: var(--wp--preset--spacing--60, 4rem);
}

/* Karten-Raster */
.fcc-em-raster {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.5rem;
	align-items: start; /* Karten nur so hoch wie ihre Namensliste */
}

.fcc-em-karte {
	display: flex;
	flex-direction: column;
	background: var(--fcc-em-karte);
	color: var(--fcc-em-text);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(23, 21, 17, .08);
	transition: transform .15s ease, box-shadow .15s ease;
}

.fcc-em-raster .fcc-em-karte:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(23, 21, 17, .12);
}

/* Position als rotes Band */
.fcc-em-karte__titel {
	margin: 0;
	padding: .9rem 1.25rem;
	background: var(--fcc-em-rot);
	color: #fff;
	font-family: var(--fcc-em-schrift-titel);
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.fcc-em-karte__namen {
	margin: 0;
	padding: .5rem 1.25rem 1rem;
	list-style: none;
}

.fcc-em-karte__namen li {
	padding: .6rem 0;
	border-top: 1px solid var(--fcc-em-linie);
}

.fcc-em-karte__name {
	display: block;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.35;
}

/* Zeitraum klein in Oliv – wie die Bezeichnungen bei den Ehemaligen */
.fcc-em-karte__zeitraum {
	display: block;
	margin-top: .15rem;
	color: var(--fcc-em-oliv);
	font-size: .8rem;
	font-weight: 500;
	letter-spacing: .04em;
}

.fcc-em-karte__namen li:first-child {
	border-top: 0;
}