/*
 * Fortuna UI 2026 — datatabel (ranglijst, uitduels): geen vlak, dunne lijnen, koppen in zachte kleur.
 *   <div class="fu-datatable-wrap"><table class="fu-datatable"><thead><tr><th>…</th><th class="fu-num">…</th></tr></thead><tbody>…</tbody></table></div>
 * Cellen: .fu-num (rechts, cijfers), .fu-strong, .fu-muted. Zoeken en sorteren (js/table.js) volgt in het nieuwe ontwerp.
 */
.fu-datatable-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fu-datatable {
	width: 100%;
	border-collapse: collapse;
	color: var(--fu-c-fg);
	font: 400 var(--fu-fs-base) / 1.4 var(--fu-font-text);
	font-variant-numeric: tabular-nums;
}
.fu-datatable th,
.fu-datatable td { vertical-align: middle; padding: var(--fu-space-3) var(--fu-space-3); border-bottom: var(--fu-lijn) solid var(--fu-c-line); text-align: left; }
.fu-datatable th { padding-block: var(--fu-space-2); border-bottom-color: var(--fu-c-line-strong); color: var(--fu-c-fg-sub); font: 600 var(--fu-fs-xs) / 1.3 var(--fu-font-text); letter-spacing: 0.02em; }
.fu-datatable tbody tr:last-child td { border-bottom: 0; }
.fu-datatable tbody tr:hover td { background: var(--fu-c-bg-sub); }
.fu-datatable .fu-club { display: flex; }
.fu-datatable .fu-num { text-align: right; white-space: nowrap; }
.fu-datatable .fu-strong { font-weight: 700; }
.fu-datatable .fu-muted { color: var(--fu-c-fg-sub); }
.fu-datatable td a {
	color: var(--fu-c-link);
	text-decoration-line: underline;
	text-decoration-thickness: var(--fu-lijn);
	text-underline-offset: 0.18em;
}
.fu-datatable td a:hover { text-decoration-thickness: var(--fu-lijn-dik); }
.fu-datatable th:first-child,
.fu-datatable td:first-child { padding-left: 0; }
.fu-datatable th:last-child,
.fu-datatable td:last-child { padding-right: 0; }

/* Kolommen die op een telefoon wegvallen, zodat de belangrijkste cijfers in beeld blijven (class fu-breed). */
@media (max-width: 719.98px) {
	.fu-datatable .fu-breed { display: none; }
	.fu-datatable th,
	.fu-datatable td { padding-inline: var(--fu-space-1-5); }
}