.recipe-content__body .table-custom {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: 1rem;
  line-height: 1.4;
}

.recipe-content__body .table-custom th,
.recipe-content__body .table-custom td {
  padding: 0.6rem 0.75rem;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
}

/* Kopregel: werkt met <thead>/<th> én als de eerste rij gewone <td>'s zijn */
.recipe-content__body .table-custom thead th,
.recipe-content__body .table-custom tr:first-child td,
.recipe-content__body .table-custom tr:first-child th {
  font-weight: 700;
  border-bottom: 2px solid #222;
}

/* Eerste kolom (naam van de voedingswaarde) iets nadrukkelijker */
.recipe-content__body .table-custom td:first-child {
  font-weight: 600;
}

/* Getallen rechts uitlijnen zodat ze onder elkaar staan */
.recipe-content__body .table-custom td:not(:first-child),
.recipe-content__body .table-custom th:not(:first-child) {
  text-align: right;
  white-space: nowrap;
}

/* Geen lijn onder de laatste rij */
.recipe-content__body .table-custom tr:last-child td {
  border-bottom: none;
}

/* CMS zet vaak <p>'s in cellen: dat geeft de grote witruimte tussen de rijen */
.recipe-content__body .table-custom td p,
.recipe-content__body .table-custom th p {
  margin: 0;
}

/* Op mobiel horizontaal scrollen in plaats van uit de layout breken */
@media (max-width: 600px) {
  .recipe-content__body .table-custom {
    display: block;
    overflow-x: auto;
    font-size: 0.9rem;
  }
}/*
Niet hoger zetten dan 9, dan wordt de navigatie geblokkeerd
*/

body.christmas [data-block-type="recipe-video"] {
    z-index: 8;
}