/*
 * 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-ehemalige-seite,
.fcc-ehemalige {
	--fcc-rot: var(--wp--preset--color--primary, #cb0000);
	--fcc-oliv: var(--wp--preset--color--secondary, #3d4235);
	--fcc-text: var(--wp--preset--color--foreground, #171511);
	--fcc-linie: var(--wp--preset--color--tertiary, #e2e1dd);
	--fcc-karte: var(--wp--preset--color--white, #ffffff);
	--fcc-schrift-titel: var(--wp--preset--font-family--poppins, "Poppins", sans-serif);
}

/* Seitenrahmen der Plugin-Templates */
.fcc-ehemalige-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-ehemalige-seite--einzeln {
	max-width: 640px;
}

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

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

.fcc-ehemalige-seite__zurueck {
	margin-top: var(--wp--preset--spacing--30, 1.5rem);
}

.fcc-ehemalige-seite__zurueck a {
	color: var(--fcc-rot);
	font-weight: 500;
	text-decoration: none;
}

.fcc-ehemalige-seite__zurueck a:hover {
	text-decoration: underline;
}

/* Karten-Raster statt Tabelle */
.fcc-ehemalige {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.5rem;
}

.fcc-session {
	display: flex;
	flex-direction: column;
	background: var(--fcc-karte);
	color: var(--fcc-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-ehemalige .fcc-session:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(23, 21, 17, .12);
}

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

.fcc-session__jahr a,
.fcc-session__jahr a:where(:not(.wp-element-button)) {
	color: inherit;
	text-decoration: none;
}

.fcc-session__liste {
	margin: 0;
	padding: .5rem 1.25rem 1rem;
}

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

.fcc-session__zeile:first-child {
	border-top: 0;
}

.fcc-session__zeile dt {
	color: var(--fcc-oliv);
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.fcc-session__zeile dd {
	margin: .15rem 0 0;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.35;
}
