/* Text block — flexibel tekst(/beeld)-blok, dekt zowel de rustige intro-tekst
   als de uitgelichte sluitingsclaim via modifiers op dezelfde component. */
.text-block__grid { display: grid; gap: 1.25rem; }
.text-block--left { text-align: left; }
.text-block--center { text-align: center; }
.text-block--center .text-block__grid { justify-items: center; }
.text-block--right { text-align: right; }
.text-block--right .text-block__grid { justify-items: end; }

.text-block__title { font-size: clamp(1.4rem, 3.5vw, 2rem); margin: 0 0 1.25rem; }

.text-block__text { max-width: none; margin: 0; }
.text-block__text > * { margin: 0 0 1.25rem; }
.text-block__text > *:last-child { margin-bottom: 0; }

/* Leesbreedte — alleen relevant voor center/right (zie "max_width" ACF-veld
   op de textblock-layout; verborgen voor "left", dat al de volle breedte
   gebruikt). "Full" laat de grid-item ook zelf de volle breedte innemen in
   plaats van te krimpen op zijn eigen inhoud (het gevolg van justify-items:
   center/end hieronder). */
.text-block--width-narrow .text-block__text { max-width: 44ch; }
.text-block--width-medium .text-block__text { max-width: 66ch; }
.text-block--width-wide .text-block__text { max-width: 88ch; }
.text-block--width-full .text-block__text { max-width: none; }
.text-block--width-full .text-block__grid { justify-items: stretch; }

/* Standaard: rustige paragraaftekst (zoals de introductie onder de hero) */
.text-block__text p { color: #3a3f45; font-size: 1.3rem; }
.section--dark .text-block__text p,
.section--accent .text-block__text p { color: #fff; }

/* Legal pages (Privacyverklaring/Disclaimer/Cookieverklaring) — long-form
   copy reads better at the site's base text size (matches the companies
   section's body copy) than the larger default textblock paragraph size. */
.page--legal .text-block__text p { font-size: 1.0625rem; }

/* Highlighted: grote, vetgedrukte uitspraak (zoals de sluitingsclaim) */
.text-block--highlighted .text-block__text p {
  font-family: var(--font-display); font-weight: 700; font-size: clamp(1.4rem, 3.4vw, 2.1rem);
  line-height: 1.35; letter-spacing: -.005em; color: inherit;
}

.text-block__buttons { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.text-block--center .text-block__buttons { justify-content: center; }
.text-block--right .text-block__buttons { justify-content: flex-end; }

/* Optioneel beeld naast de tekst */
.text-block__grid--with-image { grid-template-columns: 1fr; }
@media (min-width: 56rem) {
  .text-block__grid--with-image { grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 3.5rem); }
  .text-block__grid--image-left .text-block__image { order: -1; }
}
.text-block__image img { border-radius: 4px; width: 100%; height: auto; }