/* Page hero voor juridische pagina's */
.page-hero--juridisch {
  height: 36vh;
  min-height: 260px;
}

.page-hero__bg--juridisch {
  background-image: url('../images/nederland-straat.jpg');
  background-position: center 50%;
}

/* Page hero override voor FAQ pagina */
.page-hero--faq {
  height: 42vh;
  min-height: 300px;
}

.page-hero__bg--faq {
  background-image: url('../images/villa-tropisch.jpg');
  background-position: center 40%;
}

/* Page hero override voor samenwerking pagina */
.page-hero--samenwerking {
  height: 48vh;
  min-height: 340px;
}

.page-hero__bg--samenwerking {
  background-image: url('../images/gebouw-blauw.jpg');
  background-position: center 30%;
}

/* Page hero override voor contactpagina */
.page-hero--contact {
  height: 42vh;
  min-height: 300px;
}

.page-hero__bg--contact {
  background-image: url('../images/sleutels.jpg');
  background-position: center 40%;
}

/* Contact pagina layout — form iets groter dan op homepage */
.contact-pagina .contact-wrap {
  gap: 80px;
}

.contact-pagina .contact-form {
  box-shadow: 0 12px 48px rgba(0,0,0,0.07);
}

/* Contactgegevens onder de checklist */
.contact-info {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.contact-info__item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--ink-2);
}

.contact-info__item svg {
  color: var(--terra);
  flex-shrink: 0;
}

.contact-info__item a {
  color: var(--ink-2);
  transition: color 0.18s;
}
.contact-info__item a:hover { color: var(--terra); }