/* Van Asselt — design system & layout */

:root {
  --va-color-navy: #173b63;
  --va-color-navy-dark: #0d2340;
  --va-color-sand: #efe9df;
  --va-color-champagne: #c8a96a;
  --va-color-ink: #0f0f0f;
  --va-color-bronze: #60563d;
  --va-color-bg: #faf8f5;
  --va-color-text: #2b2b2b;
  --va-color-white: #ffffff;
  --va-color-error: #9e3d3d;
  --va-color-success: #47735a;
  --va-color-muted: #5c5c5c;

  --va-font-heading: "Cormorant Garamond", Georgia, serif;
  --va-font-body: Inter, Arial, sans-serif;

  --va-space-1: 8px;
  --va-space-2: 16px;
  --va-space-3: 24px;
  --va-space-4: 32px;
  --va-space-5: 48px;
  --va-space-6: 64px;
  --va-space-7: 96px;
  --va-space-8: 128px;

  --va-container: 1240px;
  --va-container-text: 760px;
  --va-container-wide: 1440px;

  --va-radius-sm: 6px;
  --va-radius-md: 10px;
  --va-radius-lg: 18px;

  --va-shadow: 0 8px 30px rgba(23, 59, 99, 0.06);
  --va-header-h: 72px;
  --va-ease: 200ms ease;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

body {
  margin: 0;
  font-family: var(--va-font-body);
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  line-height: 1.65;
  color: var(--va-color-text);
  background: var(--va-color-bg);
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--va-color-navy); text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
a:hover { color: #0f2a47; }
:focus-visible { outline: 2px solid var(--va-color-champagne); outline-offset: 3px; }

h1, h2, h3, h4 {
  font-family: var(--va-font-heading);
  font-weight: 600;
  line-height: 1.15;
  color: var(--va-color-navy);
  margin: 0 0 var(--va-space-2);
}

h1 { font-size: clamp(2.25rem, 1.8rem + 2vw, 3.5rem); }
h2 { font-size: clamp(1.75rem, 1.5rem + 1.2vw, 2.5rem); }
h3 { font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem); }

.va-container {
  width: min(100% - 2 * 20px, var(--va-container));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .va-container { width: min(100% - 2 * 32px, var(--va-container)); }
}
@media (min-width: 1024px) {
  .va-container { width: min(100% - 2 * 48px, var(--va-container)); }
}

.va-section { padding-block: var(--va-space-6); }
.va-section--narrow > *,
.va-section--narrow .entry-content { max-width: var(--va-container-text); }

.va-u-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;
}

.va-skip-link {
  position: absolute; left: var(--va-space-2); top: -100px; z-index: 1000;
  background: var(--va-color-navy); color: var(--va-color-white);
  padding: var(--va-space-2) var(--va-space-3); border-radius: var(--va-radius-sm);
}
.va-skip-link:focus { top: var(--va-space-2); color: var(--va-color-white); }

/* Header */
.va-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(250, 248, 245, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(23, 59, 99, 0.08);
}
.va-header__inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--va-space-3); min-height: var(--va-header-h);
}
.va-logo-text__name {
  font-family: var(--va-font-heading); font-size: 1.5rem; color: var(--va-color-navy); text-decoration: none;
}
.va-logo-text {
  display: inline-flex;
  flex-direction: column;
  gap: 0.15rem;
  text-decoration: none;
}
.va-logo-text__slogan {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--va-color-muted);
}
.va-nav { display: none; }
.va-nav__list {
  display: flex; gap: var(--va-space-3); list-style: none; margin: 0; padding: 0;
}
.va-nav__list a { text-decoration: none; font-weight: 500; }
.va-header__actions { display: flex; align-items: center; gap: var(--va-space-2); }
.va-header__phone { text-decoration: none; font-weight: 500; }
.va-nav-toggle {
  width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; position: relative;
}
.va-nav-toggle__bars,
.va-nav-toggle__bars::before,
.va-nav-toggle__bars::after {
  display: block; width: 22px; height: 2px; background: var(--va-color-navy); margin: auto;
  transition: var(--va-ease);
}
.va-nav-toggle__bars::before,
.va-nav-toggle__bars::after { content: ""; position: absolute; left: 11px; }
.va-nav-toggle__bars::before { top: 14px; }
.va-nav-toggle__bars::after { bottom: 14px; }

@media (min-width: 960px) {
  .va-nav { display: block; }
  .va-nav-toggle { display: none; }
}

.va-mobile-nav {
  position: fixed; inset: 0; background: rgba(23, 59, 99, 0.45); z-index: 200;
}
.va-mobile-nav__panel {
  margin-left: auto; width: min(100%, 360px); height: 100%;
  background: var(--va-color-bg); padding: var(--va-space-4);
  display: flex; flex-direction: column; gap: var(--va-space-3);
  box-shadow: var(--va-shadow);
}
.va-mobile-nav .va-nav__list { flex-direction: column; }
.va-mobile-nav__close {
  align-self: flex-end; min-height: 44px; border: 0; background: transparent;
  font: inherit; cursor: pointer; color: var(--va-color-navy);
}
body.va-nav-open { overflow: hidden; }

/* Buttons */
.va-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0.7rem 1.25rem; border-radius: var(--va-radius-md);
  border: 1px solid transparent; font-weight: 500; text-decoration: none;
  transition: background var(--va-ease), color var(--va-ease), border-color var(--va-ease), transform var(--va-ease);
}
.va-btn:hover { transform: translateY(-1px); }
.va-btn--primary { background: var(--va-color-navy); color: var(--va-color-white); }
.va-btn--primary:hover { background: #122f4f; color: var(--va-color-white); }
.va-btn--secondary { background: transparent; border-color: var(--va-color-navy); color: var(--va-color-navy); }
.va-btn--light { background: var(--va-color-white); color: var(--va-color-navy); }
.va-btn--text { background: transparent; color: var(--va-color-navy); padding-inline: 0.5rem; }
.va-text-link { font-weight: 500; }

/* Page */
.va-page-header { padding-block: var(--va-space-5) var(--va-space-3); }
.va-page-header__intro { color: var(--va-color-muted); max-width: 40rem; }
.va-page__content { padding-bottom: var(--va-space-6); }
.va-stack { display: grid; gap: var(--va-space-3); }
.va-breadcrumbs ol {
  display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; padding: 0; margin: 0 0 var(--va-space-3);
  font-size: 0.9rem; color: var(--va-color-muted);
}
.va-breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: 0.5rem; opacity: 0.5; }

/* Property */
.va-filters {
  background: var(--va-color-white); border: 1px solid rgba(23,59,99,0.08);
  border-radius: var(--va-radius-lg); padding: var(--va-space-3); margin-bottom: var(--va-space-4);
}
.va-filters__primary,
.va-filters__advanced {
  display: grid; gap: var(--va-space-2);
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  align-items: end;
}
.va-filters__advanced { margin-top: var(--va-space-3); padding-top: var(--va-space-3); border-top: 1px solid rgba(23,59,99,0.08); }
.va-filters__group { margin: 0; display: grid; gap: 0.35rem; }
.va-filters label { font-size: 0.85rem; font-weight: 500; }
.va-filters select,
.va-filters input,
.va-property-archive__sort select {
  min-height: 44px; border: 1px solid rgba(23,59,99,0.18); border-radius: var(--va-radius-sm);
  padding: 0.5rem 0.75rem; font: inherit; background: var(--va-color-white);
}
.va-filters__actions { display: flex; flex-wrap: wrap; gap: var(--va-space-2); align-items: center; }

.va-property-archive__toolbar {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--va-space-2);
  margin-bottom: var(--va-space-3); align-items: center;
}
.va-property-grid {
  display: grid; gap: var(--va-space-4);
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.va-property-grid--fixed-cols {
  grid-template-columns: repeat(var(--va-property-cols, 3), minmax(0, 1fr));
}
.va-property-list__header { margin-bottom: var(--va-space-3); }
.va-property-list__heading { margin: 0; color: var(--va-color-navy); }
.va-property-list__cta {
  display: flex;
  justify-content: center;
  margin-top: var(--va-space-4);
}
.va-property-list__button {
  font-weight: 500;
}
.va-property-card {
  background: var(--va-color-white); border-radius: var(--va-radius-lg); overflow: hidden;
  box-shadow: var(--va-shadow);
  transition: box-shadow var(--va-ease), transform var(--va-ease);
}
.va-property-card:hover,
.va-property-card:focus-within {
  box-shadow: 0 14px 36px rgba(23, 59, 99, 0.12);
  transform: translateY(-2px);
}
.va-property-card__link { color: inherit; text-decoration: none; display: block; height: 100%; }
.va-property-card__media { position: relative; aspect-ratio: 4 / 3; background: var(--va-color-sand); overflow: hidden; }
.va-property-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.va-property-card__link:hover .va-property-card__img { transform: scale(1.03); }
.va-property-card__body { padding: var(--va-space-3); }
.va-property-card__title { font-size: 1.4rem; margin-bottom: 0.25rem; }
.va-property-card__location,
.va-property-card__facts { color: var(--va-color-muted); font-size: 0.92rem; }
.va-property-card__price { font-weight: 600; color: var(--va-color-navy); margin: 0.5rem 0; }
.va-property-card__facts { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; list-style: none; padding: 0; margin: 0; }

@media (max-width: 900px) {
  .va-property-grid--fixed-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .va-property-grid--fixed-cols {
    grid-template-columns: 1fr;
  }
}

.va-status {
  display: inline-block; padding: 0.25rem 0.7rem; border-radius: var(--va-radius-pill);
  background: var(--va-color-sand); color: var(--va-color-navy); font-size: 0.8rem; font-weight: 600;
}
.va-status--on-media { position: absolute; left: var(--va-space-2); top: var(--va-space-2); background: var(--va-color-white); }

.va-property-hero { min-height: min(70vh, 720px); background: var(--va-color-sand); }
.va-property-hero__img { width: 100%; height: min(70vh, 720px); object-fit: cover; }
.va-property-single__intro { padding-block: var(--va-space-5); }
.va-property-single__price { font-size: 1.5rem; font-weight: 600; color: var(--va-color-navy); }
.va-key-facts {
  display: flex; flex-wrap: wrap; gap: var(--va-space-2); list-style: none; padding: 0; margin: var(--va-space-3) 0 0;
}
.va-key-facts li {
  background: var(--va-color-white); border: 1px solid rgba(23,59,99,0.08);
  border-radius: var(--va-radius-pill); padding: 0.45rem 0.9rem; font-size: 0.92rem;
}

.va-gallery {
  display: grid; gap: var(--va-space-2);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.va-gallery__trigger { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; border-radius: var(--va-radius-md); overflow: hidden; }
.va-gallery__trigger img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

.va-feature-list, .va-doc-list, .va-energy-list { padding-left: 1.1rem; }
.va-spec-list { display: grid; gap: var(--va-space-2); }
.va-spec-list > div { display: grid; grid-template-columns: 1fr 1fr; gap: var(--va-space-2); border-bottom: 1px solid rgba(23,59,99,0.08); padding-bottom: 0.5rem; }
.va-map iframe { width: 100%; min-height: 360px; border: 0; border-radius: var(--va-radius-lg); }
.va-floorplans { display: grid; gap: var(--va-space-3); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.va-cta-band {
  background: var(--va-color-navy); color: var(--va-color-white);
  padding-block: var(--va-space-6); margin-top: var(--va-space-5);
}
.va-cta-band h2 { color: var(--va-color-white); }
.va-cta-band p { max-width: 36rem; opacity: 0.92; }

.va-empty-state {
  background: var(--va-color-sand); border-radius: var(--va-radius-lg);
  padding: var(--va-space-5); text-align: center;
}

/* WPBakery blocks */
.va-hero {
  position: relative; display: grid; align-items: end;
  min-height: 70vh; color: var(--va-color-white); overflow: hidden;
}
.va-hero--medium { min-height: 55vh; }
.va-hero--compact { min-height: 40vh; }
.va-hero__media { position: absolute; inset: 0; }
.va-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.va-hero__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23,59,99,0.15), rgba(23,59,99,0.55)); }
.va-hero__content { position: relative; z-index: 1; padding-block: var(--va-space-6); max-width: 40rem; }
.va-hero--text-dark { color: var(--va-color-text); }
.va-hero--text-dark .va-hero__title { color: var(--va-color-navy); }
.va-hero--text-light .va-hero__title { color: var(--va-color-white); }
.va-hero__actions { display: flex; flex-wrap: wrap; gap: var(--va-space-2); margin-top: var(--va-space-3); }

.va-intro__grid--media {
  display: grid; gap: var(--va-space-4);
}
@media (min-width: 900px) {
  .va-intro__grid--media { grid-template-columns: 1.2fr 0.8fr; align-items: center; }
}
.va-eyebrow {
  text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.75rem;
  color: var(--va-color-champagne); font-weight: 600; margin-bottom: 0.5rem;
}
.va-signature { font-family: var(--va-font-heading); font-style: italic; font-size: 1.25rem; margin-top: var(--va-space-3); }

.va-media-text { padding-block: var(--va-space-6); }
.va-media-text--bg-sand { background: var(--va-color-sand); }
.va-media-text--has-bg { background: var(--va-media-bg, var(--va-color-sand)); }
.va-media-text--on-dark { color: var(--va-color-white); }
.va-media-text--on-dark h2 { color: inherit; }
.va-media-text--on-dark .va-btn--secondary {
  border-color: rgba(255, 255, 255, 0.7);
  color: var(--va-color-white);
}
.va-media-text__grid {
  display: grid; gap: var(--va-space-4); align-items: center;
  grid-template-columns: var(--va-split-cols, 1fr);
}
@media (min-width: 900px) {
  .va-media-text:not(.va-split--full) .va-media-text__grid {
    grid-template-columns: var(--va-split-cols, 1fr 1fr);
  }
  .va-media-text--right:not(.va-split--full) .va-media-text__media { order: 2; }
}
.va-media-text__media img { border-radius: var(--va-radius-lg); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* Block (twee flexibele kolommen) */
.va-block {
  padding-block: var(--va-space-6);
  background: var(--va-block-section, transparent);
  color: var(--va-block-text, inherit);
}
.va-block--custom-text { color: var(--va-block-text); }
.va-block__inner {
  background: var(--va-block-widget, transparent);
}
.va-block--has-widget-bg .va-block__inner {
  padding: clamp(1.5rem, 3vw, 2.75rem);
  border-radius: var(--va-radius-lg);
}
.va-block__grid {
  display: grid;
  gap: var(--va-space-4);
  align-items: var(--va-block-valign, center);
  grid-template-columns: var(--va-split-cols, 1fr);
}
@media (min-width: 900px) {
  .va-block:not(.va-split--full) .va-block__grid {
    grid-template-columns: var(--va-split-cols, 1fr 1fr);
  }
}
.va-block__col { min-width: 0; }
.va-block__title {
  margin: 0 0 var(--va-space-2);
  color: inherit;
}
.va-block__text {
  margin-bottom: var(--va-space-3);
}
.va-block__text > :first-child { margin-top: 0; }
.va-block__text > :last-child { margin-bottom: 0; }
.va-block__btn { margin-top: var(--va-space-2); }
.va-block__media { margin: 0; }
.va-block__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--va-radius-lg);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.va-block__list {
  margin: 0 0 var(--va-space-3);
  padding: 0;
  list-style: none;
}
.va-block__list li {
  position: relative;
  padding-left: 1.35rem;
  margin-bottom: 0.65rem;
  line-height: 1.45;
}
.va-block__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.55;
}
.va-block__form .gform_wrapper { margin: 0; }

.va-quote { max-width: var(--va-container-text); }
.va-quote blockquote { margin: 0; font-family: var(--va-font-heading); font-size: clamp(1.5rem, 1.3rem + 1vw, 2rem); color: var(--va-color-navy); }
.va-quote figcaption { display: flex; gap: var(--va-space-2); align-items: center; margin-top: var(--va-space-3); }
.va-quote__portrait { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.va-quote__role { display: block; color: var(--va-color-muted); font-size: 0.9rem; }

.va-reviews__grid {
  display: grid; gap: var(--va-space-3);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.va-review-card {
  background: var(--va-color-white); border-radius: var(--va-radius-lg);
  padding: var(--va-space-3); box-shadow: var(--va-shadow);
}

/* Dienstenoverzicht (WPBakery cards) */
.va-services--overview {
  background: var(--va-svc-section, var(--va-color-navy));
  color: var(--va-svc-text, #fff);
}
.va-services--overview .va-section {
  padding-block: clamp(2.5rem, 4vw, 4rem);
}
.va-services__header {
  text-align: center;
  margin-bottom: var(--va-space-4);
}
.va-services__heading {
  color: inherit;
  margin: 0;
}
.va-services--overview .va-services__grid {
  display: grid;
  grid-template-columns: repeat(var(--va-svc-cols, 3), minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.75rem);
  align-items: stretch;
}
.va-services--overview .va-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  min-height: 280px;
  padding: clamp(1.75rem, 2.5vw, 2.5rem) clamp(1.25rem, 2vw, 2rem);
  color: inherit;
  background: linear-gradient(180deg, var(--va-svc-card-top, rgba(42, 84, 128, 0.62)) 0%, var(--va-svc-card-bot, rgba(42, 84, 128, 0.48)) 100%);
  border-radius: 2px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}
.va-service__icon {
  display: flex;
  margin-bottom: var(--va-space-2);
  opacity: 0.95;
}
.va-service__icon .va-icon { display: block; }
.va-service__title {
  margin: 0 0 var(--va-space-2);
  font-family: var(--va-font-heading);
  font-size: clamp(1.35rem, 1.15rem + 0.7vw, 1.85rem);
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}
.va-service__text {
  margin: 0;
  flex: 1 1 auto;
  font-size: 0.98rem;
  line-height: 1.55;
  color: inherit;
  opacity: 0.94;
}
.va-service__link {
  display: inline-block;
  margin-top: auto;
  padding-top: var(--va-space-3);
  font-weight: 700;
  font-size: 0.98rem;
  color: inherit;
  text-decoration: none;
  transition: color var(--va-ease);
}
a.va-service__link:hover,
a.va-service__link:focus-visible {
  color: var(--va-svc-link-hover, var(--va-color-champagne));
}

@media (max-width: 900px) {
  .va-services--overview .va-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .va-services--overview .va-services__grid {
    grid-template-columns: 1fr;
  }
  .va-services--overview .va-service { min-height: 0; }
}

.va-reviews--funda .va-reviews__grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.va-review-card--funda {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--va-space-2);
  min-height: 100%;
  padding: var(--va-space-4) var(--va-space-3) var(--va-space-3);
  overflow: hidden;
  box-shadow: none;
  border: 1px solid rgba(23, 59, 99, 0.06);
  background: linear-gradient(180deg, #f4f7fb 0%, var(--va-color-white) 48%);
  color: inherit;
  text-decoration: none;
  transition: box-shadow var(--va-ease), transform var(--va-ease), border-color var(--va-ease);
}

.va-review-card--funda:hover,
.va-review-card--funda:focus-visible {
  color: inherit;
  border-color: rgba(23, 59, 99, 0.1);
  box-shadow: 0 10px 28px rgba(23, 59, 99, 0.1);
  transform: translateY(-2px);
}

.va-review-card__cijfer-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  min-width: 3.35rem;
  padding: 0.55rem 0.65rem 0.6rem;
  background: #eef1e4;
  border-radius: 0 var(--va-radius-lg) 0 var(--va-radius-md);
  color: var(--va-color-navy);
  line-height: 1;
  pointer-events: none;
}

.va-review-card__cijfer-badge--inline {
  position: static;
  border-radius: var(--va-radius-md);
}

.va-review-card__cijfer-int {
  font-family: var(--va-font-heading);
  font-size: 1.85rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.va-review-card__cijfer-dec {
  font-family: var(--va-font-heading);
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 0.18rem;
  margin-left: 0.02rem;
}

.va-review-card__quote {
  display: block;
  font-family: var(--va-font-heading);
  font-size: 3.25rem;
  line-height: 0.7;
  color: rgba(23, 59, 99, 0.22);
  margin-bottom: var(--va-space-1);
}

.va-review-card__stars {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.15rem;
}

.va-star {
  position: relative;
  display: inline-block;
  width: 0.9em;
  height: 1em;
  font-size: 0.85rem;
  line-height: 1;
  color: rgba(23, 59, 99, 0.14);
}

.va-star::before {
  content: "★";
}

.va-star__fill {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
  width: 0;
  color: var(--va-color-champagne);
  opacity: 0.85;
}

.va-star__fill::before {
  content: "★";
}

.va-star.is-full .va-star__fill {
  width: 100%;
}

.va-star.is-half .va-star__fill {
  width: 50%;
}

.va-star.is-empty .va-star__fill {
  width: 0;
}

.va-review-card__text {
  margin: 0;
  flex: 1;
  color: var(--va-color-text);
  font-size: 0.98rem;
  line-height: 1.6;
}

.va-review-card__footer {
  display: flex;
  align-items: center;
  gap: var(--va-space-2);
  margin-top: var(--va-space-2);
  padding-top: var(--va-space-2);
  border-top: 1px solid rgba(23, 59, 99, 0.08);
}

.va-review-card__logo {
  width: 72px;
  height: auto;
  flex-shrink: 0;
  border-radius: 0;
  object-fit: contain;
}

.va-review-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.va-review-card__address {
  font-weight: 700;
  color: var(--va-color-navy);
  line-height: 1.3;
}

.va-review-card__name {
  color: var(--va-color-muted);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.35;
}

.va-review-card__photo {
  margin-bottom: var(--va-space-2);
}

.va-review-card__photo img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

.va-review-card__source {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.85rem;
  color: var(--va-color-muted);
  font-weight: 400;
}

.va-reviews__empty {
  color: var(--va-color-muted);
}

/* Pagination */
.va-pagination {
  margin-top: var(--va-space-5);
}
.va-pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: var(--va-space-1);
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.va-pagination .page-numbers li { margin: 0; }
.va-pagination a,
.va-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0.4rem 0.75rem;
  border-radius: var(--va-radius-sm);
  text-decoration: none;
  color: var(--va-color-navy);
  border: 1px solid rgba(23, 59, 99, 0.12);
}
.va-pagination .current {
  background: var(--va-color-navy);
  color: var(--va-color-white);
  border-color: var(--va-color-navy);
}

/* Team */
.va-team__grid {
  display: grid;
  gap: var(--va-space-4);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.va-team__empty { color: var(--va-color-muted); }

.va-team-card {
  display: flex;
  flex-direction: column;
  background: transparent;
}
.va-team-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: transform var(--va-ease);
}
.va-team-card__link:hover {
  color: inherit;
  transform: translateY(-2px);
}
.va-team-card__photo {
  overflow: hidden;
  border-radius: var(--va-radius-lg);
  aspect-ratio: 4 / 5;
  background: var(--va-color-sand);
  margin-bottom: var(--va-space-2);
}
.va-team-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.va-team-card__photo--placeholder {
  background:
    linear-gradient(160deg, rgba(23, 59, 99, 0.08), transparent 55%),
    var(--va-color-sand);
}
.va-team-card__name {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.va-team-card__role {
  margin: 0;
  color: var(--va-color-champagne);
  font-weight: 600;
  font-size: 0.95rem;
}
.va-team-card__excerpt {
  margin: var(--va-space-1) 0 0;
  color: var(--va-color-muted);
  font-size: 0.95rem;
}
.va-team-card__contact {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: var(--va-space-1);
  font-size: 0.9rem;
}

.va-single-team__back,
.va-single-review__back {
  margin: 0 0 var(--va-space-3);
}
.va-single-team__grid {
  display: grid;
  gap: var(--va-space-5);
  align-items: start;
}
@media (min-width: 900px) {
  .va-single-team__grid { grid-template-columns: 0.9fr 1.1fr; }
}
.va-single-team__photo {
  width: 100%;
  border-radius: var(--va-radius-lg);
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.va-single-team__role {
  margin-top: -0.5rem;
  color: var(--va-color-champagne);
  font-weight: 600;
}
.va-single-team__contact {
  list-style: none;
  padding: 0;
  margin: var(--va-space-3) 0 0;
  display: grid;
  gap: 0.35rem;
}

/* Services page */
.va-services--page .va-services__list {
  display: grid;
  gap: var(--va-space-4);
}
.va-service-block {
  padding: var(--va-space-5) 0;
  border-top: 1px solid rgba(23, 59, 99, 0.1);
}
.va-service-block:last-child {
  border-bottom: 1px solid rgba(23, 59, 99, 0.1);
}
.va-service-block__content {
  max-width: 42rem;
}
.va-service-block--alt .va-service-block__content {
  margin-inline-start: auto;
}
.va-service-block__eyebrow {
  margin: 0 0 var(--va-space-1);
  color: var(--va-color-champagne);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.va-service-block__points {
  margin: var(--va-space-2) 0 var(--va-space-3);
  padding-left: 1.1rem;
  color: var(--va-color-muted);
}
.va-service-block__points li { margin-bottom: 0.35rem; }

/* Single review */
.va-single-review__inner {
  max-width: var(--va-container-text);
}
.va-single-review__score {
  display: flex;
  align-items: center;
  gap: var(--va-space-2);
  margin-bottom: var(--va-space-2);
}
.va-single-review__title {
  margin-bottom: var(--va-space-1);
}
.va-single-review__name {
  color: var(--va-color-muted);
  margin: 0 0 var(--va-space-4);
}
.va-single-review__quote {
  margin: 0;
  font-family: var(--va-font-heading);
  font-size: clamp(1.35rem, 1.2rem + 0.7vw, 1.85rem);
  line-height: 1.45;
  color: var(--va-color-navy);
}
.va-single-review__footer {
  display: flex;
  align-items: center;
  gap: var(--va-space-2);
  margin-top: var(--va-space-4);
  padding-top: var(--va-space-3);
  border-top: 1px solid rgba(23, 59, 99, 0.1);
  color: var(--va-color-muted);
  font-size: 0.9rem;
}

.va-cta {
  padding-block: var(--va-space-6);
  background: var(--va-cta-bg, var(--va-color-navy));
}
.va-cta--on-dark { color: var(--va-color-white); }
.va-cta--on-dark h2 { color: inherit; }
.va-cta--on-dark .va-btn--text { color: inherit; }
.va-cta:not(.va-cta--on-dark) { color: var(--va-color-text); }
.va-cta:not(.va-cta--on-dark) h2 { color: var(--va-color-navy); }
.va-cta__grid {
  display: grid;
  gap: var(--va-space-4);
  align-items: center;
  grid-template-columns: var(--va-split-cols, 1fr);
}
@media (min-width: 900px) {
  .va-cta:not(.va-split--full).va-cta--split .va-cta__grid {
    grid-template-columns: var(--va-split-cols, 1fr 1fr);
  }
}
.va-cta__actions { display: flex; flex-wrap: wrap; gap: var(--va-space-2); margin-top: var(--va-space-3); }
.va-cta__media img { border-radius: var(--va-radius-lg); width: 100%; height: auto; object-fit: cover; }

.va-atmosphere {
  position: relative;
  min-height: 480px;
  display: grid;
  align-items: end;
  color: var(--va-atmosphere-text, var(--va-color-white));
  overflow: hidden;
}
.va-atmosphere__media {
  position: absolute;
  inset: 0;
}
.va-atmosphere__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.va-atmosphere:not(.va-atmosphere--has-overlay) .va-atmosphere__media img {
  filter: brightness(0.7);
}
.va-atmosphere__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.va-atmosphere__content {
  position: relative;
  z-index: 2;
  padding-block: var(--va-space-6);
  max-width: 36rem;
  color: inherit;
}
.va-atmosphere h2,
.va-atmosphere p {
  color: inherit;
}
.va-atmosphere__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--va-space-2);
  margin-top: var(--va-space-3);
}
.va-atmosphere .va-btn--light {
  color: var(--va-color-navy);
}
.va-atmosphere .va-btn--secondary {
  border-color: currentColor;
  color: inherit;
  background: transparent;
}
.va-atmosphere .va-btn--secondary:hover {
  color: inherit;
  background: rgba(255, 255, 255, 0.12);
}

/* Feature / dienstenblokken */
.va-feature-blocks {
  color: var(--va-fb-text, #fff);
}
.va-feature-blocks__header {
  text-align: center;
  padding-block: var(--va-space-5) var(--va-space-3);
  max-width: 48rem;
  margin-inline: auto;
}
.va-feature-blocks__heading {
  color: inherit;
  margin-bottom: var(--va-space-2);
}
.va-feature-blocks__intro {
  margin: 0;
  color: inherit;
  opacity: 0.92;
  font-size: 1.05rem;
}
.va-feature-blocks__grid {
  display: grid;
  grid-template-columns: repeat(var(--va-fb-cols, 4), minmax(0, 1fr));
  gap: 0;
  width: 100%;
}
.va-feature-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--va-space-3);
  min-height: 220px;
  padding: var(--va-space-4) var(--va-space-3);
  text-align: center;
  text-decoration: none;
  color: inherit;
  background: var(--va-fb-bg, rgba(23, 59, 99, 0.7));
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  transition: background var(--va-ease), transform var(--va-ease);
}
.va-feature-block:last-child { border-right: 0; }
.va-feature-block:hover,
.va-feature-block:focus-visible {
  color: inherit;
  background: var(--va-fb-bg-hover, rgba(23, 59, 99, 0.82));
}
.va-feature-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  opacity: 0.92;
}
.va-feature-block__icon .va-icon {
  display: block;
}
.va-feature-block__title {
  font-family: var(--va-font-heading);
  font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.65rem);
  font-weight: 600;
  line-height: 1.25;
  flex: 1;
  display: flex;
  align-items: center;
}
.va-feature-block__cta {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color var(--va-ease);
}
.va-feature-block:hover .va-feature-block__cta,
.va-feature-block:focus-visible .va-feature-block__cta {
  color: var(--va-fb-hover, var(--va-color-champagne));
}

@media (max-width: 900px) {
  .va-feature-blocks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .va-feature-block:nth-child(2n) { border-right: 0; }
  .va-feature-block { border-bottom: 1px solid rgba(255, 255, 255, 0.08); min-height: 200px; }
}
@media (max-width: 560px) {
  .va-feature-blocks__grid { grid-template-columns: 1fr; }
  .va-feature-block { border-right: 0; }
}

.va-faq__item { border-bottom: 1px solid rgba(23,59,99,0.12); padding-block: var(--va-space-2); }
.va-faq__item summary { cursor: pointer; font-weight: 600; color: var(--va-color-navy); min-height: 44px; display: flex; align-items: center; }
.va-faq__answer { padding-top: var(--va-space-1); color: var(--va-color-muted); }

.va-badges__list {
  display: flex; flex-wrap: wrap; gap: var(--va-space-4); list-style: none; padding: 0; margin: 0;
  align-items: center; justify-content: center;
}
.va-badges__list img { max-height: 56px; width: auto; }

.va-compact-search__form {
  display: grid; gap: var(--va-space-2);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: center;
}

/* Footer */
.va-footer {
  background: #122f4f; color: rgba(255,255,255,0.88); padding-top: var(--va-space-6); margin-top: var(--va-space-7);
}
.va-footer a { color: var(--va-color-white); text-decoration: none; }
.va-footer__grid {
  display: grid; gap: var(--va-space-4);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding-bottom: var(--va-space-5);
}
.va-footer__title, .va-footer__heading {
  font-family: var(--va-font-heading); color: var(--va-color-white); font-size: 1.35rem; margin-bottom: var(--va-space-2);
}
.va-footer__heading { font-size: 1.1rem; }
.va-footer__muted { opacity: 0.75; }
.va-footer__links, .va-footer .va-nav__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.5rem; }
.va-footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.12); padding-block: var(--va-space-3); font-size: 0.9rem;
}

.va-pagination { margin-top: var(--va-space-5); }
.va-pagination .nav-links { display: flex; flex-wrap: wrap; gap: var(--va-space-2); }
.va-pagination a, .va-pagination span {
  display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center;
  border-radius: var(--va-radius-sm); background: var(--va-color-white); padding: 0 0.75rem;
  text-decoration: none; color: var(--va-color-navy);
}
.va-pagination .current { background: var(--va-color-navy); color: var(--va-color-white); }