/* Vrouwveiliger – homepage inhoudelijke verfijningen augustus 2026 */
.hero__emergency-note { display: none; }

.audience-card__action-row,
.app-section__action-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.audience-card__action-row .audience-card__button { margin-top: 0; flex: 0 0 auto; }
.app-section__action-row .button { flex: 0 0 auto; }

.action-emergency-note {
  margin: 0;
  color: var(--vv-muted);
  font-size: 13px;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.action-emergency-note span { display: block; margin: 0; white-space: nowrap; }

.why-section__media { min-width: 0; }
.why-section__image {
  display: block;
  width: 100%;
  min-height: 520px;
  object-fit: cover;
  border-radius: 12px;
}

.privacy-grid article { padding-top: 20px; }
.privacy-grid__icon {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 0 18px;
  object-fit: contain;
}

@media (max-width: 980px) {
  .why-section__image { min-height: 440px; }
}

@media (max-width: 767px) {
  .audience-card__action-row,
  .app-section__action-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .action-emergency-note span { white-space: normal; }
  .why-section__image { min-height: 360px; }
}

/* Waarom ervaringen tellen: dezelfde 50/50-verhouding als het publieksappblok. */
.why-section__grid {
  grid-template-columns: 1fr 1fr;
  gap: 42px;
}

/* Privacyblokken zonder horizontale bovenstrepen. */
.privacy-grid article {
  border-top: 0;
}

/* 2026-08-02 – kleine foto's behouden hun oorspronkelijke beeldverhouding.
   De beschikbare kolombreedte staat vast; de hoogte volgt uit het bronbeeld.
   Methode V, gemeentelijke resultaatbeelden en privacy-iconen vallen hier buiten. */
.why-section__image,
.app-section__image {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}

@media (max-width: 980px) {
  .why-section__image,
  .app-section__image {
    min-height: 0;
    max-height: none;
  }
}

@media (max-width: 767px) {
  .why-section__image,
  .app-section__image {
    min-height: 0;
  }
}

/* 2026-08-02 – vaste verticale sectiemarge op de homepage.
   De grote homepagehero, overlappende doelgroepkaarten en afsluitende CTA
   behouden hun eigen functionele maatvoering. */
.why-section,
.app-section,
.method-section,
.results-section,
.privacy-section {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media (max-width: 767px) {
  .why-section,
  .app-section,
  .method-section,
  .results-section,
  .privacy-section {
    padding-top: 58px;
    padding-bottom: 58px;
  }
}

/* Handmatige regelafbrekingen uit het CMS in privacytitels behouden. */
.privacy-grid h3 { white-space: pre-line; }


/* CMS editorial line breaks -------------------------------------------------
   Deliberate Enters in headings and visible text are preserved. Navigation,
   buttons, URLs, form labels and alternative text remain single-line fields. */
main h1,
main h2,
main h3,
main h4,
main p,
main li,
main dt,
main dd,
main .eyebrow,
main .section-label,
main .kicker,
.site-footer h2,
.site-footer h3,
.site-footer p,
.site-footer li {
  white-space: pre-line;
}


/* 2026-08-03 – homepagehero: alleen door redacteur ingevoerde Enters tonen.
   Broncode-inspringing mag geen extra lege regels of verticale verschuiving veroorzaken. */
.hero .eyebrow,
.hero h1,
.hero .hero__intro {
  white-space: normal;
}