/* Tabellen aus nuLiga. Breite Tabellen scrollen in ihrem eigenen Container,
   damit die Seite auf dem Handy nicht seitlich wandert. */

.ktf77-nuliga__scroll {
	overflow-x: auto;
	margin-block: var(--wp--preset--spacing--20);
	/* Zarter Schatten am Rand als Hinweis, dass hier gescrollt werden kann. */
	background:
		linear-gradient(to right, var(--wp--preset--color--base) 30%, transparent),
		linear-gradient(to left, var(--wp--preset--color--base) 30%, transparent) 100% 0,
		radial-gradient(farthest-side at 0 50%, rgba(28, 27, 25, 0.12), transparent),
		radial-gradient(farthest-side at 100% 50%, rgba(28, 27, 25, 0.12), transparent) 100% 0;
	background-repeat: no-repeat;
	background-size: 3em 100%, 3em 100%, 1em 100%, 1em 100%;
	background-attachment: local, local, scroll, scroll;
}

.ktf77-nuliga__table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--sm);
}

.ktf77-nuliga__table caption {
	text-align: left;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--md);
	padding-block-end: 0.6rem;
}

.ktf77-nuliga__table th,
.ktf77-nuliga__table td {
	padding: 0.55rem 0.7rem;
	border-bottom: 1px solid var(--wp--preset--color--line);
	text-align: left;
	white-space: nowrap;
}

.ktf77-nuliga__table thead th {
	background: var(--wp--preset--color--mist);
	font-weight: 600;
}

/* Mannschaftsnamen dürfen umbrechen — manche sind sehr lang
   ("MSG TC Kriftel/TC Diedenbergen/Kelkheimer TEV II"). */
.ktf77-nuliga__table .is-name {
	white-space: normal;
	min-width: 11rem;
}

.ktf77-nuliga__table .is-num {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.ktf77-nuliga__table tbody tr:hover {
	background: color-mix(in srgb, var(--wp--preset--color--mist) 45%, transparent);
}

.ktf77-nuliga__open {
	color: var(--wp--preset--color--slate);
	font-style: italic;
}

.ktf77-nuliga__season {
	margin-block-start: var(--wp--preset--spacing--40);
}

.ktf77-nuliga__competition {
	margin-block: var(--wp--preset--spacing--10) 0;
	color: var(--wp--preset--color--slate);
	font-size: var(--wp--preset--font-size--sm);
}

.ktf77-nuliga__meta {
	color: var(--wp--preset--color--slate);
	font-size: var(--wp--preset--font-size--sm);
	margin-block-start: var(--wp--preset--spacing--20);
}

.ktf77-nuliga__meta--error {
	border-left: 3px solid var(--wp--preset--color--primary);
	padding-left: 0.9rem;
}