.breadcrumb { font-size: 0.8em; color: #303030; }
.breadcrumb a { text-decoration: none; color: black; margin: 0 5px 0 5px; }
.breadcrumb span { text-decoration: none; color: #303030; margin: 0 5px 0 5px; }

.cardknop { text-decoration: none; color: inherit; }
.cardknop:hover { border: 1px solid black; }
.cardicon { text-align: center; }
.cardicon i { font-size: 2.5em; color: #ad9862;}

@media screen and (min-width: 992px){
	.nav-link { border-right: 1px solid #c7b170; }
	.nav-link:hover { background-color: #c7b170; color: rgba(0, 0, 0, 1); border-top-left-radius: 5px; border-top-right-radius: 5px; }
}
@media screen and (max-width: 992px){
	.nav-link { border-top: 1px solid #c7b170; }	
	.nav-link i.fa-sharp { width: 40px; }
}

a.nieuwsgelezen:hover { background-color: white !important; border-color: black; }
img.nieuwsgelezen { filter: grayscale(0.7) opacity(0.65); }
a.nieuwsgelezen:hover img.nieuwsgelezen { filter: grayscale(0) opacity(0.85); }

.tabellink { text-decoration: none; color: inherit; display: block; }

.knipperen {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

[id^="d"] {
  scroll-margin-top: 80px; /* hoogte van je menubalk */
}

/* Hoogte van het scrollvlak; pas aan naar wens */
.matrix-wrap {
  max-height: 70vh;
  overflow: auto; /* beide richtingen */
}

/* Sticky header bovenaan */
.table-sticky thead th {
  position: sticky;
  top: 0;
  z-index: 3; /* boven cellen */
  background: var(--bs-body-bg); /* match Bootstrap-thema */
  white-space: nowrap; /* headers compact */
}

/* Sticky eerste kolom (zowel header als body-rijtitels) */
.table-sticky .member-col {
  position: sticky;
  left: 0;
  z-index: 2; /* onder de kruising linksboven */
  background: var(--bs-body-bg);
  min-width: 12rem; /* geef ruimte aan namen; pas aan */
}

/* Kruising linksboven (eerste cel van thead): hoogste z-index */
.table-sticky thead .member-col {
  z-index: 4;
}

/* Optioneel: houd cellen compact en voorkom wrap in datumkolommen */
.table-sticky td, .table-sticky th {
  vertical-align: middle;
}
.table-sticky thead th:not(.member-col) {
  white-space: nowrap;
}

.rotate-90 {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 0.5rem;
  transform: none;
}