/*
 * ELViS Ausschreibungen - schlankes, themeneutrales Frontend-CSS.
 *
 * Alle Block-internen Regeln sind mit dem Wurzel-Selektor .elvis-ausschreibungen
 * gescopet (Spezifitaet 0,2,0 bzw. 0,2,1), damit generische Theme-Regeln wie
 * .single-content ul oder .entry-content h2 (0,1,1) sie nicht ueberschreiben.
 * Bewusst KEIN !important (NETZLICHT-CSS-Hygiene). Farben und Abstaende sind als
 * Custom Properties ueberschreibbar; Schrift und Textfarbe erben vom Theme.
 */

.elvis-ausschreibungen {
	--elvis-accent: #b32d2e;
	--elvis-frist-bg: #fbeaea;
	--elvis-card-bg: var(--global-palette7, #edf2f7);
	--elvis-item-gap: var(--global-kb-gap-sm, 1rem);
	--elvis-gap: 1.5rem;
	margin: 0 0 var(--elvis-gap);
}

.elvis-ausschreibungen .elvis-ausschreibungen__intro {
	margin: 0 0 var(--elvis-gap);
}

.elvis-ausschreibungen .elvis-ausschreibungen__notice {
	margin: 0;
}

.elvis-ausschreibungen .elvis-ausschreibungen__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--elvis-item-gap);
}

.elvis-ausschreibungen .elvis-ausschreibung {
	background: var(--elvis-card-bg);
	border-radius: 0;
	padding: 1.25rem 1.5rem;
}

/*
 * Wer den Hintergrund setzt, setzt die Schriftfarbe mit. --elvis-frist-bg ist ein
 * fester heller Ton, während die Textfarbe sonst überall vom Theme erbt. Auf einem
 * dunklen Theme mit heller Schrift stünde hier sonst Hell auf Hell (WCAG-1.4.3-
 * Fehlerbild F24). Die Karte darunter braucht das NICHT: ihr Hintergrund kommt
 * aus der Theme-Palette (--global-palette7) und dreht mit dem Theme mit.
 * Überschreibbar wie alle anderen Werte hier.
 */
.elvis-ausschreibungen .elvis-ausschreibung__frist {
	--elvis-frist-fg: #1d2327;
	margin: 0 0 1rem;
	padding: 0.5rem 0.75rem;
	border-left: 4px solid var(--elvis-accent);
	background: var(--elvis-frist-bg);
	color: var(--elvis-frist-fg);
}

.elvis-ausschreibungen .elvis-ausschreibung__frist-label {
	font-weight: 700;
}

.elvis-ausschreibungen .elvis-ausschreibung__frist time {
	font-weight: 700;
	white-space: nowrap;
}

.elvis-ausschreibungen .elvis-ausschreibung__meta {
	margin: 0 0 1rem;
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.25rem 1rem;
}

.elvis-ausschreibungen .elvis-ausschreibung__meta dt {
	font-weight: 600;
}

.elvis-ausschreibungen .elvis-ausschreibung__meta dd {
	margin: 0;
}

.elvis-ausschreibungen .elvis-ausschreibung__cta {
	margin: 0;
}

@media (max-width: 480px) {
	.elvis-ausschreibungen .elvis-ausschreibung__meta {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.elvis-ausschreibungen .elvis-ausschreibung__meta dd {
		margin: 0 0 0.5rem;
	}
}