/* ==========================================================================
   Utilities — Van der Veen VP
   ========================================================================== */

.container-narrow {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Visually hidden but accessible */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Text alignment */
.text-center { text-align: center; }
.text-left   { text-align: left; }

/* Spacing helpers */
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }

/* Sectie verbergen — voeg 'display-none' toe als extra CSS-class in de editor */
.display-none { display: none !important; }

/* Alle animaties uitschakelen in de block editor */
.editor-styles-wrapper .reveal,
.editor-styles-wrapper .reveal *,
.editor-styles-wrapper .s-hero .hero-text *,
.editor-styles-wrapper .s-hero .hero-visual-stack,
.editor-styles-wrapper .s-hero .hero-info-card,
.editor-styles-wrapper .s-usps .usp-ico,
.editor-styles-wrapper .s-reviews .review-feature .review-mark,
.editor-styles-wrapper .s-reviews .review-feature .review-quote,
.editor-styles-wrapper .s-reviews .review-feature .review-author,
.editor-styles-wrapper .s-employer .employer-tags span,
.editor-styles-wrapper .s-footer .footer-grid > div,
.editor-styles-wrapper .section-head {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}