/* ==========================================================================
   Standaard content (the_content) — pagina's & berichten
   Geeft losse WYSIWYG-HTML de spacing/typografie van het thema terug.
   De design-reset haalt marges en lijst-opmaak weg; hier zetten we die
   (met de thema-tokens) weer netjes terug. Scope: .entry-content.
   ========================================================================== */

.entry-content {
  color: var(--text-color);
  font-size: var(--font-size);
  line-height: 1.7;
}

/* --- Verticaal ritme tussen blokken --- */
.entry-content > * {
  margin-bottom: var(--gutter-2);
}
.entry-content > *:last-child {
  margin-bottom: 0;
}
/* Extra ruimte bóven koppen midden in de tekst */
.entry-content > h2:not(:first-child),
.entry-content > h3:not(:first-child),
.entry-content > h4:not(:first-child),
.entry-content > h5:not(:first-child),
.entry-content > h6:not(:first-child) {
  margin-top: var(--md);
}

/* --- Koppen --- */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: var(--text-color);
  font-weight: 500; /* medium — zoals de koppen in het ontwerp (fw-medium) */
  line-height: 1.25;
}

/* Compactere kopschaal voor body-content (de design-schaal is hero-formaat) */
.entry-title      { font-size: 4rem; line-height: 1.2; }
.entry-content h1 { font-size: 3.6rem; }
.entry-content h2 { font-size: 3rem; }
.entry-content h3 { font-size: 2.4rem; }
.entry-content h4 { font-size: 2rem; }
.entry-content h5 { font-size: 1.8rem; }
.entry-content h6 { font-size: 1.6rem; }
@media (width < 768px) {
  .entry-title      { font-size: 3.2rem; }
  .entry-content h1 { font-size: 3rem; }
  .entry-content h2 { font-size: 2.6rem; }
  .entry-content h3 { font-size: 2.2rem; }
}

/* --- Alinea's --- */
.entry-content p {
  font-size: var(--font-size);
}

/* --- Lijsten (reset zette list-style/indent uit) --- */
.entry-content ul,
.entry-content ol {
  padding-left: var(--gutter-3);
  font-size: var(--font-size);
}
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li { list-style: inherit; }
.entry-content li + li { margin-top: var(--gutter-xs); }
.entry-content li > ul,
.entry-content li > ol { margin-top: var(--gutter-xs); margin-bottom: 0; }

/* --- Links --- */
.entry-content a {
  color: var(--primary-color);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  transition: var(--transition);
}
.entry-content a:hover {
  color: var(--secondary-color);
}

/* --- Nadruk --- */
.entry-content strong,
.entry-content b { font-weight: 700; }
.entry-content em,
.entry-content i { font-style: italic; }

/* --- Blockquote --- */
.entry-content blockquote {
  border-left: 0.3rem solid var(--primary-color);
  padding: var(--gutter-half) 0 var(--gutter-half) var(--gutter-2);
  font-family: var(--secondary-font);
  font-size: var(--fs-lg);
}

/* --- Afbeeldingen / figure --- */
.entry-content img { height: auto; }
.entry-content figure figcaption {
  margin-top: var(--gutter-xs);
  font-size: var(--fs-sm);
  color: var(--text-color-40);
}

/* --- Horizontale lijn --- */
.entry-content hr {
  border: 0;
  height: 0.1rem;
  background-color: var(--text-color-20);
}

/* --- Tabellen --- */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
}
.entry-content th,
.entry-content td {
  padding: var(--gutter-1);
  border: 0.1rem solid var(--text-color-20);
  text-align: left;
}
.entry-content th { font-weight: 600; }

/* --- Titel boven de content --- */
.entry-title {
  font-weight: 700; /* bold — zoals de design-h1 (fw-bold) */
  margin-bottom: var(--gutter-3);
}