.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;   /* tekst verticaal */
  transform: rotate(180deg);   /* van beneden naar boven i.p.v. boven naar beneden */
  text-align: center;          /* centreren binnen de cel */
  white-space: nowrap;         /* geen afbreken */
  vertical-align: bottom;      /* uitlijnen */
  padding: 0.5rem;             /* evt. wat padding */
}