/* Achtergrond- en tekstkleuren van koprij */
.tablepress thead th {
	background-color: #9b51e0; /* Paars*/
	color: #ffffff; /* Witte tekst */
	text-align: left;
	padding: 10px;
}

/* Om-en-om-rijen */
.tablepress tbody tr:nth-child(even) {
	background-color: #f5f7fa; /* Lichtgrijs/blauw */
}

/* Hover effect */
.tablepress tbody tr:hover {
	background-color: #e9f3ff; /* Lichte highlight bij hover */
}

/* Celstijl algemeen */
.tablepress td {
	padding: 8px;
	border-bottom: 1px solid #ddd;
}

/* Totaalrij (optioneel, als je die gebruikt) */
.tablepress tfoot th,
.tablepress tfoot td {
	background-color: #00264d;
	color: #fff;
	font-weight: bold;
}

/* Desktop: normale tabelbreedte */
@media (min-width: 768px) {
	.tablepress {
		width: 100%;
		display: table; /* normale weergave */
	}

	.tablepress-responsive-wrapper {
		overflow-x: visible;
	}
}

/* Mobiel: scrollbaar */
@media (max-width: 767px) {
	.tablepress-responsive-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.tablepress {
		display: block; /* zorgt dat scrollbar verschijnt */
		min-width: 600px; /* of de minimale breedte van je tabel */
	}
}