/**
 * Table scroll
 * Maakt alle tabellen horizontaal scrollbaar met een zichtbare SimpleBar-scrollbar
 * zodra de tabel breder is dan zijn container.
 */

.table-scroll {
	width: 100%;
}

.table-scroll table {
	margin: 0; /* voorkom dubbele marges binnen de wrapper */
}

/* alleen op mobiel/tablet (991px en kleiner): kolommen niet platdrukken maar
   de tabel breder laten worden dan het scherm en horizontaal laten scrollen */
@media screen and (max-width: 991px) {
	.table-scroll table {
		width: auto; /* niet dwingen tot schermbreedte -> mag breder worden */
		min-width: 100%; /* maar wel minstens de volle breedte vullen */
	}

	/* elke cel een minimumbreedte zodat kolommen leesbaar blijven */
	.table-scroll th,
	.table-scroll td {
		min-width: 130px;
		white-space: nowrap; /* voorkom lelijk afbreken zoals "€ 57,- per m2" */
	}
}

/* dikte van de horizontale scrollbalk */
.table-scroll .simplebar-track.simplebar-horizontal {
	height: 11px;
}

/* de "duim" (het sleepbare deel) */
.table-scroll .simplebar-scrollbar::before {
	background: #555;
	border-radius: 6px;
}

/* niet wegfaden: altijd tonen zodra er overflow is */
.table-scroll .simplebar-scrollbar.simplebar-visible::before {
	opacity: 0.6;
}