/* ===== ProTRXptt — eigen aanvullingen ===== */

/* Dubbel logo: donkere tekst in de lichte stand, lichte tekst in de donkere stand */
html.dark .logo-donkertekst { display: none; }
html:not(.dark) .logo-lichttekst { display: none; }

/* Aanmeldpaneel rechtsboven */
.aanmeld-item { position: relative; }
.aanmeld-paneel {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 1050;
	width: 280px;
	padding: 18px;
	background: #fff;
	border: 1px solid #e8eef4;
	border-radius: 6px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
	text-align: left;
	text-transform: none;
}
.aanmeld-paneel.open { display: block; }
.aanmeld-paneel label { font-weight: 600; font-size: .85em; }
html.dark .aanmeld-paneel { background: #212529; border-color: #383f48; }

/* Donkere stand: vlakken die de themastijl niet zelf meepakt */
html.dark .bg-color-grey { background: #212529 !important; }
html.dark .header-top { background: transparent; }
html.dark .box-shadow-1 { box-shadow: 0 10px 30px rgba(0, 0, 0, .4); }
html.dark .thumb-info-title { background: rgba(33, 37, 41, .95); }
html.dark .thumb-info-inner { color: #fff !important; }

/* Donkere stand: tabellen in het beheer */
html.dark .table { --bs-table-bg: transparent; color: #d0d8de; }
html.dark .table th, html.dark .table td { border-color: #383f48; }
html.dark .form-control { background: #2a3138; border-color: #383f48; color: #e6ecf1; }
html.dark .form-control:focus { background: #2a3138; color: #e6ecf1; }
html.dark .btn-light { background: #2a3138; border-color: #383f48; color: #d0d8de; }

/* Donkere stand: leesbaarheid van tabellen en formulieretiketten */
html.dark .table { --bs-table-color: #d0d8de; --bs-table-striped-color: #d0d8de; }
html.dark label { color: #c6ced5; }
html.dark .table strong, html.dark .card strong { color: #ffffff; }
html.dark .table th, html.dark .table td { color: #d0d8de !important; }
html.dark .table strong { color: #ffffff !important; }