/* Pagina-achtergrond: 100% zwart */
body, .bg-near-white, .bg-white {
  background-color: #000000 !important;
}

/* Tekst: lichtgrijs */
body, .mid-gray, .dark-gray, .near-black, .black, h1, h2, h3, h4, h5, h6, p, a, span, li, div {
  color: #e6e6e6 !important;
}

/* HOT NEWS label in rood */
.f6.ttu.tracked, article header .f6 {
  color: #cc0000 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

/* Menu links: standaard wit */
nav a, .site-navigation a {
  color: #e6e6e6 !important;
  transition: color 0.2s ease !important;
}

/* Menu hover: donkergrijs */
nav a:hover, .site-navigation a:hover {
  color: #666666 !important;
}

/* Menu actief/geklikt: TEA geel */
nav a:active, nav a:focus, .site-navigation a:active, .site-navigation a:focus {
  color: #E8B020 !important;
}

/* Artikelkaarten: donkergrijs, ronde hoeken */
article, .bg-white, .ba, .b--black-10, .nested-links {
  background-color: #1a1a1a !important;
  border-color: #333 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Padding binnen artikelkaarten */
article .flex-l, article .flex {
  padding: 20px !important;
  gap: 20px !important;
}

/* Afgeronde hoeken op afbeeldingen */
article img, .post-image, summary img, .featured-image img {
  border-radius: 12px !important;
}

/* Links hover: TeaDrama geel */
a:hover {
  color: #E8B020 !important;
}

/* Read more knop */
a.read-more, .read-more {
  border-color: #e6e6e6 !important;
  color: #e6e6e6 !important;
}

/* Mobiel: afbeelding boven tekst, volle breedte */
@media screen and (max-width: 768px) {
  .post-summary, article .flex-l {
    flex-direction: column !important;
    display: flex !important;
  }
  article img, .post-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 1rem !important;
  }
}

/* Footer tekst centreren */
footer, .site-footer, footer p, footer div {
  text-align: center !important;
}

}

/* Logo centreren */
nav .site-logo, header .site-logo, .site-brand img {
  display: block !important;
  margin: 0 auto !important;
}

/* Footer centreren */
footer, footer p, footer div, footer section, .site-footer {
  text-align: center !important;
  display: block !important;
}

/* Footer centreren */
footer, footer p, footer div, footer section, .site-footer {
  text-align: center !important;
  display: block !important;
}

/* Logo naar midden forceren */
nav .flex, nav .flex-l, nav > div {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}
nav a:first-child {
  grid-column: 2 !important;
  justify-self: center !important;
}
nav div:last-child, nav ul {
  grid-column: 3 !important;
  justify-self: end !important;
}