/**
 * Frontend & Editor styling für Spieltag-Übersicht.
 */
.hsg-spieltag-uebersicht {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.hsg-spieltag-group__title {
	margin: 0 0 .25rem 0;
	color: var(--wp--preset--color--navy, #003870);
}

.hsg-spieltag-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--wp--preset--color--border-subtle, #E2E5EA);
}

.hsg-spieltag-list > li {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	padding: .5rem 0;
	border-bottom: 1px solid var(--wp--preset--color--border-subtle, #E2E5EA);
	align-items: baseline;
}

.hsg-spieltag-list > li.is-spielfrei {
	color: var(--wp--preset--color--text-muted, #5A6470);
}

.hsg-spieltag-list > li.is-spielfrei::after {
	content: "spielfrei";
	font-style: italic;
	margin-left: auto;
	opacity: .8;
}

.hsg-spieltag-list .hsg-spieltag-time {
	min-width: 10ch;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--text-muted, #5A6470);
}

.hsg-spieltag-list .hsg-spieltag-team {
	font-weight: 600;
	min-width: 6ch;
}

.hsg-spieltag-list .hsg-spieltag-vs {
	color: var(--wp--preset--color--text-dark, #0F1419);
	flex: 1 1 auto;
}

.hsg-spieltag-list .hsg-spieltag-liga {
	color: var(--wp--preset--color--text-muted, #5A6470);
	font-size: .9em;
}

.hsg-spieltag-list .hsg-spieltag-result {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--navy, #003870);
}

.hsg-spieltag-empty {
	padding: 1rem;
	color: var(--wp--preset--color--text-muted, #5A6470);
	font-style: italic;
	text-align: center;
}

.hsg-spieltag-range { margin: 0; font-weight: 600; }
.hsg-spieltag-venue { flex-basis: 100%; font-size: .9em; color: var(--wp--preset--color--text-muted, #5A6470); }
.hsg-spieltag-halftime { font-size: .9em; white-space: nowrap; }