/* Eigen, kleine aanvullingen bovenop Bootstrap. */

/* Vakantiebalk: opvallende strook over de hele breedte van de tabel. */
.vakantie-rij td {
  background-color: #fff3cd; /* zacht geel */
  color: #664d03;
  letter-spacing: 0.05em;
}

/* Periode-kop: lichtgroene sectiekop in de tabel. */
.periode-rij td {
  background-color: #d1e7dd; /* zacht groen */
  color: #0f5132;
}

/* Iets meer leesruimte in de planningstabel. */
.planningstabel td,
.planningstabel th {
  vertical-align: top;
  white-space: pre-line; /* respecteer regelovergangen uit de tekst */
}

/* --- Leerjaar-matrix (praktijkvakken naast elkaar) ------------------------ */
/* De eerste kolom (periode/week) blijft staan bij horizontaal scrollen. */
.leerjaar-matrix .leerjaar-kop-periode {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #d1e7dd; /* zacht groen, net als de periode-koppen */
  color: #0f5132;
  min-width: 150px;
  white-space: normal;
}

/* Geef elke kolom een werkbare minimumbreedte, anders worden ze te smal. */
.leerjaar-matrix td,
.leerjaar-matrix th {
  min-width: 160px;
  vertical-align: top;
}

.leerjaar-matrix .leerjaar-kop-periode {
  min-width: 150px;
}

/* De rij die hoort bij het ingetypte weeknummer lichten we op. */
.leerjaar-matrix .week-treffer > td,
.leerjaar-matrix .week-treffer > th {
  background-color: #fff3cd; /* zacht geel */
  outline: 2px solid #ffc107;
}

/* Rekenen: aparte tabel onder de praktijkvakken, met een blauw accent. */
.rekenen-tabel thead th {
  background-color: #cfe2ff; /* zacht blauw */
  color: #084298;
}
/* Compact rekenblok (dashboard): zacht blauw paneel met alleen de leerdoelen. */
.rekenen-paneel {
  background-color: #cfe2ff; /* zacht blauw */
  color: #084298;
}
.rekenen-kop {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.rekenen-merk {
  display: inline-block;
  background-color: #084298;
  color: #fff;
  border-radius: 0.25rem;
  padding: 0 0.4rem;
  margin-right: 0.4rem;
  font-size: 0.8em;
  letter-spacing: 0.03em;
}

/* Taal: aparte tabel onder de praktijkvakken, met een paars accent. */
.taal-tabel thead th {
  background-color: #e7d9f7; /* zacht paars */
  color: #4b1f86;
}
/* Compact taalblok (dashboard): zacht paars paneel met alleen de leerdoelen. */
.taal-paneel {
  background-color: #e7d9f7; /* zacht paars */
  color: #4b1f86;
}
.taal-kop {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.taal-merk {
  display: inline-block;
  background-color: #4b1f86;
  color: #fff;
  border-radius: 0.25rem;
  padding: 0 0.4rem;
  margin-right: 0.4rem;
  font-size: 0.8em;
  letter-spacing: 0.03em;
}

/* --- Printen / opslaan als PDF -------------------------------------------- */
@media print {
  /* Verberg dingen die niet op papier hoeven (knoppen, menu). */
  .d-print-none {
    display: none !important;
  }

  body {
    background: #fff !important;
  }

  /* Zorg dat de tabel netjes binnen de pagina past en niet lelijk afbreekt. */
  .planningstabel {
    font-size: 11px;
  }

  .planningstabel tr {
    page-break-inside: avoid;
  }

  a[href]:after {
    content: ""; /* geen URL's achter links afdrukken */
  }
}