/* ProCuraVista · eigen opmaak bovenop Salient
   Kleuren en lettertypes staan in Salient Options; deze tokens spiegelen die waarden
   voor onze eigen pcv-klassen. Gebruik de klassen via:
   - rij en binnenrij: Extra Class Name (shortcode-param class="")
   - kolom en tekstblok: Extra Class Name (shortcode-param el_class="")
   Let op: geef elke <span> in een tekstblok een klasse, anders stript de editor hem.
   Opbouw gelijk aan het goedgekeurde prototype, variant 3. */

/* Merriweather (SIL Open Font License), variabele fonts, Latijnse subset, lokaal geserveerd.
   Salient laadt alleen de koppen in 700; deze bestanden leveren 300 t/m 900 recht en cursief. */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/merriweather-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/merriweather-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --pcv-navy: #0F1E33;
  --pcv-copper: #C88B41;        /* = Salient Accent Color, op navy 5,8:1 */
  --pcv-copper-hover: #D69D58;
  --pcv-copper-deep: #8F5A24;   /* = Extra Color #3, tekst op licht 5,2:1 */
  --pcv-cream: #F7F4EE;         /* = Extra Color #2 */
  --pcv-white: #FFFFFF;
  --pcv-grey: #5B6472;          /* AA op cream en wit */
  --pcv-on-navy: #F7F4EE;
  --pcv-on-navy-muted: #AAB4C3;
  --pcv-line: rgba(15, 30, 51, 0.12);
  --pcv-line-on-navy: rgba(247, 244, 238, 0.14);

  --pcv-serif: "Merriweather", Georgia, "Times New Roman", serif;
  --pcv-sans: "Montserrat", Helvetica, Arial, sans-serif;
  --pcv-fs-hero: clamp(2rem, 1.3rem + 2.7vw, 3.125rem);
  --pcv-fs-h2: clamp(1.75rem, 1.4rem + 1.3vw, 2.5rem);
  --pcv-fs-lead: 1.1875rem;
  --pcv-fs-small: 0.9375rem;
  --pcv-fs-kicker: 0.75rem;
  --pcv-tracking-kicker: 0.24em;
}

/* Salient zet onder elke alinea 28px padding; binnen onze onderdelen regelen we de ruimte zelf */
body [class*="pcv-"] p[class*="pcv-"] { padding-bottom: 0; }

/* Cursief in onze koppen en citaten erft lettertype en gewicht van de kop, niet de em-stijl van Salient */
body .pcv-hero h1 em,
body .pcv-nda-lead em,
body .pcv-quote em,
body [class*="pcv-"] h1 em,
body [class*="pcv-"] h2 em,
body [class*="pcv-"] h3 em,
#ajax-content-wrap [class*="pcv-"] h1 em,
#ajax-content-wrap [class*="pcv-"] h2 em,
#ajax-content-wrap [class*="pcv-"] h3 em { font-family: inherit; font-weight: inherit; font-style: italic !important; }

/* ── Knoppen in het menu: navy tekst op koper ──
   Wit op koper is 2,91:1 en haalt WCAG AA niet; navy op koper is 5,76:1.
   Salient zet deze tekst wit met !important, dus hier ook !important. */
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a:hover,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a:focus-visible,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a .menu-title-text,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a .sf-sub-indicator i,
body #header-outer #top nav .sf-menu > li[class*="button_solid_color"].sfHover > a,
body #header-outer #top nav > ul > li[class*="button_solid_color"].current-menu-item > a,
body #header-outer #top nav > ul > li[class*="button_solid_color"].current_page_item > a,
body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer.dark-text #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover,
body #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
  color: var(--pcv-navy) !important;
}
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a {
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .8125rem;
}

/* ── Kicker ─────────────────────────────── */
body .pcv-kicker {
  display: block;
  margin: 0 0 1.5rem;
  padding: 0;
  font-family: var(--pcv-sans);
  font-size: var(--pcv-fs-kicker);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: var(--pcv-tracking-kicker);
  text-transform: uppercase;
  color: var(--pcv-navy);
}
body .pcv-navy .pcv-kicker { color: var(--pcv-copper); }

/* ── Knoppen in de inhoud ───────────────── */
/* #ajax-content-wrap is nodig om Salient's ".span_12.light .wpb_text_column a { color:#fff }" te overstemmen */
body .pcv-btn,
#ajax-content-wrap .pcv-btn,
#ajax-content-wrap .span_12.light .wpb_text_column a.pcv-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .65rem;
  padding: .95rem 1.6rem;
  border: 1.5px solid var(--pcv-copper);
  border-radius: 0;
  background: var(--pcv-copper);
  color: var(--pcv-navy);
  opacity: 1;
  font-family: var(--pcv-sans);
  font-size: .8125rem; font-weight: 600; line-height: 1.2;
  letter-spacing: .14em; text-transform: uppercase;
  text-decoration: none; white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease;
}
#ajax-content-wrap .pcv-btn:hover,
#ajax-content-wrap .pcv-btn:focus-visible,
#ajax-content-wrap .span_12.light .wpb_text_column a.pcv-btn:hover {
  background: var(--pcv-copper-hover); border-color: var(--pcv-copper-hover); color: var(--pcv-navy); opacity: 1;
}
body .pcv-btn svg { width: 16px; height: 16px; flex: none; }

body .pcv-text-link {
  font-family: var(--pcv-sans);
  font-size: .8125rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  text-decoration: none; white-space: nowrap;
  color: var(--pcv-navy);
}
body .pcv-arrow { display: inline-block; color: var(--pcv-copper-deep); transition: transform .2s ease; }
body .pcv-text-link:hover .pcv-arrow { transform: translateX(3px); }

/* ── Navy rijen: links op volle dekking ────
   Salient geeft links in lichte-tekst-rijen een lagere dekking; dan halen de kleuren geen WCAG AA meer. */
#ajax-content-wrap .pcv-navy .span_12.light .wpb_text_column a,
#ajax-content-wrap .pcv-navy .span_12.light .wpb_text_column a:hover,
#footer-outer .pcv-navy .wpb_text_column a,
body .pcv-footer .wpb_text_column a { opacity: 1 !important; }

/* ── Navy rijen: tekstkleur ─────────────── */
body .pcv-navy,
body .pcv-navy p { color: var(--pcv-on-navy); }
body .pcv-navy h1,
body .pcv-navy h2,
body .pcv-navy h3 { color: var(--pcv-on-navy); }

/* ── Hero ───────────────────────────────── */
body .pcv-hero h1 {
  max-width: 12em;
  margin: 0 0 1.6rem;
  font-family: var(--pcv-serif);
  font-size: var(--pcv-fs-hero);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -.012em;
  text-wrap: balance;
}
body .pcv-hero h1 em { font-style: italic; font-weight: 700; color: var(--pcv-copper); }
body .pcv-hero .pcv-lead {
  max-width: 40ch;
  margin: 0 0 2.25rem;
  font-size: var(--pcv-fs-lead);
  line-height: 1.6;
  color: var(--pcv-on-navy-muted);
  text-wrap: balance;
}

/* ── Lijnen over de volle breedte ───────── */
/* De lijn hangt aan de achtergrondlaag van de rij, zodat hij van rand tot rand loopt.
   Als pseudo-element, want de kleurlaag erbinnen dekt een inset-schaduw af. */
body .pcv-stats .row-bg-wrap::after,
body .pcv-sectors .row-bg-wrap::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 1px;
  z-index: 2;
  pointer-events: none;
}
body .pcv-stats .row-bg-wrap::after { top: 0; background: var(--pcv-line-on-navy); }
body .pcv-sectors .row-bg-wrap::after { bottom: 0; background: var(--pcv-line); }

/* ── Statistiek-strook ──────────────────── */
body .pcv-stats-list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;
  margin: 0; padding: 2.1rem 0 2.3rem; list-style: none;
}
body .pcv-stats-list li { display: flex; align-items: center; gap: 1.1rem; margin: 0; padding: 0; list-style: none; }
body .pcv-stat-num {
  display: block; flex: none;
  font-family: var(--pcv-serif);
  font-size: clamp(1.75rem, 1.4rem + 1vw, 2.375rem);
  font-weight: 700; line-height: 1;
  color: var(--pcv-copper);
  white-space: nowrap;
}
body .pcv-stat-label { display: block; max-width: 13em; font-size: .875rem; line-height: 1.4; color: var(--pcv-on-navy-muted); }

/* ── Sectoren-strook ────────────────────── */
body .pcv-sector-list {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem;
  margin: 0; padding: 1.4rem 0; list-style: none;
}
body .pcv-sector-list li {
  margin: 0; padding: 0; list-style: none;
  font-size: .8125rem; font-weight: 500; line-height: 1.5;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--pcv-grey);
}

/* ── Probleemstellingen / quote ─────────── */
body .pcv-problem-list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;
  margin: 0; padding: 0; list-style: none;
}
/* Als kaart, in de stijl van de dienstkaarten */
body .pcv-problem-list li {
  margin: 0; padding: 2.25rem 2rem 2.5rem; list-style: none;
  background: var(--pcv-white);
  border: 1px solid var(--pcv-line);
  border-top: 3px solid var(--pcv-navy);
}
body .pcv-problem-list .pcv-quote {
  padding: 0; border: 0;
  font-style: normal; font-weight: 700;
  font-size: clamp(1.25rem, 1.05rem + .6vw, 1.5625rem);
  line-height: 1.35;
  text-wrap: pretty;
  hyphens: manual;
}
body .pcv-quote {
  margin: 0; padding-left: 1.5rem;
  border-left: 3px solid var(--pcv-copper);
  font-family: var(--pcv-serif); font-style: italic; font-weight: 400;
  font-size: clamp(1.3rem, 1.1rem + .6vw, 1.5625rem);
  line-height: 1.45;
  color: var(--pcv-navy);
  text-wrap: pretty;
}

/* ── Diensten: kop ──────────────────────── */
body .pcv-section-head {
  display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap;
  gap: 1rem 2rem; margin-bottom: 2.75rem;
}
body .pcv-section-head .pcv-kicker,
body .pcv-section-head .pcv-text-link { margin: 0; line-height: 1.4; }

/* ── Diensten: kaarten als WPBakery-kolommen ── */
/* Binnenrij met class="pcv-cards", kolommen met el_class="pcv-card-col" */
body .pcv-cards .row_col_wrap_12_inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 0 !important;
}
body .pcv-cards .row_col_wrap_12_inner > .col {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
}
body .pcv-card-col {
  position: relative;
  background: var(--pcv-white);
  border: 1px solid var(--pcv-line);
  border-top: 3px solid var(--pcv-navy);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body .pcv-card-col:hover {
  transform: translateY(-4px);
  border-top-color: var(--pcv-copper);
  box-shadow: 0 22px 40px -26px rgba(15, 30, 51, .45);
}
body .pcv-card-col > .vc_column-inner { height: 100%; padding: 1.9rem 1.5rem 1.6rem !important; }
body .pcv-card-col > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; height: 100%; }
body .pcv-card-col .pcv-card-body { flex: 1; margin: 0 0 1.75rem !important; }
body .pcv-card-col .pcv-card-foot { margin: 0 !important; }
body .pcv-card-col h3 {
  margin: 0 0 .9rem; padding: 0;
  font-family: var(--pcv-serif); font-size: 1.1875rem; font-weight: 700; line-height: 1.25;
  color: var(--pcv-navy);
}
body .pcv-card-col .pcv-card-body p { margin: 0; padding: 0; font-size: .9375rem; line-height: 1.6; color: var(--pcv-grey); }
body .pcv-card-col .pcv-more {
  margin: 0; padding: 0;
  font-size: .75rem; font-weight: 600; line-height: 1.4;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--pcv-navy);
}
body .pcv-card-col:hover .pcv-arrow { transform: translateX(3px); }

/* ── Sluitstuk NDA ──────────────────────── */
body .pcv-nda h2 { font-family: var(--pcv-serif); font-size: var(--pcv-fs-h2); line-height: 1.12; }
body .pcv-nda .pcv-nda-lead {
  margin: 0 0 1.5rem;
  font-family: var(--pcv-serif);
  font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  font-weight: 400;
  line-height: 1.55;
  color: var(--pcv-on-navy);
  text-wrap: pretty;
}
body .pcv-nda .pcv-nda-lead em { font-style: italic; color: var(--pcv-copper); }
body .pcv-nda .pcv-nda-note { max-width: 58ch; margin: 0; color: var(--pcv-on-navy-muted); text-wrap: pretty; }
#ajax-content-wrap .pcv-nda .wpb_text_column a {
  color: var(--pcv-on-navy);
  text-decoration: underline; text-decoration-color: var(--pcv-copper);
  text-decoration-thickness: 1.5px; text-underline-offset: 4px;
}
#ajax-content-wrap .pcv-nda .wpb_text_column a:hover { color: var(--pcv-copper); }

body .pcv-nda h2 { margin: 0 0 1.5rem; }

/* ── Aankondiging Inkoop & AI ───────────── */
body .pcv-ai-inner {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.25rem 2.5rem;
  padding: 2rem 2.5rem;
  background: var(--pcv-white);
  border: 1px solid var(--pcv-line);
  border-top: 3px solid var(--pcv-navy);
}
body .pcv-ai h2 {
  margin: 0 0 .35rem;
  font-family: var(--pcv-serif);
  font-size: clamp(1.375rem, 1.2rem + .5vw, 1.625rem); line-height: 1.25;
  color: var(--pcv-navy);
}
body .pcv-ai p { margin: 0; padding: 0; color: var(--pcv-grey); }

/* ── Footer (Global Section) ────────────── */
body .pcv-footer,
body .pcv-footer p,
body .pcv-footer li { color: var(--pcv-on-navy-muted); font-size: var(--pcv-fs-small); line-height: 1.8; }
body .pcv-footer p { padding-bottom: 0; }
body .pcv-footer img { display: block; width: 180px; max-width: 100%; height: auto; }
body .pcv-footer .pcv-footer-title {
  margin: 0 0 1rem; padding: 0;
  font-size: var(--pcv-fs-kicker); font-weight: 600;
  letter-spacing: var(--pcv-tracking-kicker); text-transform: uppercase;
  color: var(--pcv-on-navy);
}
body .pcv-footer ul { margin: 0; padding: 0; list-style: none; }
body .pcv-footer li { margin: 0; padding: 0; list-style: none; }
#ajax-content-wrap .pcv-footer a,
body .pcv-footer .wpb_text_column a {
  color: var(--pcv-on-navy);
  text-decoration: none;
  transition: color .2s ease;
}
#ajax-content-wrap .pcv-footer a:hover,
body .pcv-footer .wpb_text_column a:hover { color: var(--pcv-copper); }
body .pcv-footer .pcv-tagline {
  margin: 1.25rem 0 0; padding: 0;
  font-family: var(--pcv-serif); font-style: italic; font-size: 1rem;
  color: var(--pcv-copper);
}
body .pcv-footer-bottom {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--pcv-line-on-navy);
  font-size: .8125rem;
}

/* Footer onderrij (rij class="pcv-navy pcv-footer pcv-footer-base"): lijn over de volle containerbreedte */
body .pcv-footer-base .row_col_wrap_12 { border-top: 1px solid var(--pcv-line-on-navy); padding-top: 1.5rem; }
body .pcv-footer-base .pcv-footer-bottom { border-top: 0; padding-top: 0; }
/* Copyrightregel: alinea met [nectar_current_year] voor het jaartal */
body .pcv-footer p.pcv-footer-bottom { display: block; margin: 0; padding: 0; font-size: .8125rem; line-height: 1.6; color: var(--pcv-on-navy); }

/* Footer: kleine iconen rechts (Salient Icon-elementen in een kolom met el_class="pcv-footer-icons").
   Elk icoon is een klikvlak van 36x36px; de link van Salient vult dat hele vlak.
   Ronde variant: zet el_class op "pcv-footer-icons pcv-footer-icons--round". */
body .pcv-footer-icons > .vc_column-inner > .wpb_wrapper {
  display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .75rem;
  margin-right: -10px;
}
body .pcv-footer-icons .nectar_icon_wrap { display: block; width: auto; margin: 0 !important; padding: 0 !important; }
body .pcv-footer-icons .nectar_icon {
  position: relative;
  display: grid; place-items: center;
  width: 36px; height: 36px; border-radius: 50%;
  line-height: 1;
  transition: background-color .2s ease;
}
body .pcv-footer-icons .nectar_icon i {
  display: block; width: auto !important; height: auto !important;
  font-size: 16px !important; line-height: 1 !important;
  color: var(--pcv-on-navy) !important;
  transition: color .2s ease;
}
body .pcv-footer-icons .nectar_icon a {
  position: absolute !important; top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important;
  width: 100% !important; height: 100% !important; margin: 0 !important;
  z-index: 2; border-radius: 50%;
}
body .pcv-footer-icons .nectar_icon:hover i { color: var(--pcv-copper) !important; }
body .pcv-footer-icons .nectar_icon a:focus-visible { outline: 2px solid var(--pcv-copper); outline-offset: 2px; }

/* Ronde variant: dunne lichte ring, bij hover koper vlak met navy icoon */
body .pcv-footer-icons--round > .vc_column-inner > .wpb_wrapper { margin-right: 0; }
body .pcv-footer-icons--round .nectar_icon { box-shadow: inset 0 0 0 1px rgba(247, 244, 238, .35); }
body .pcv-footer-icons--round .nectar_icon i { font-size: 15px !important; }
body .pcv-footer-icons--round .nectar_icon:hover { background: var(--pcv-copper); box-shadow: none; }
body .pcv-footer-icons--round .nectar_icon:hover i { color: var(--pcv-navy) !important; }

@media (max-width: 690px) {
  body .pcv-footer-icons > .vc_column-inner > .wpb_wrapper { justify-content: flex-start; margin: 1rem 0 0 -10px; }
  body .pcv-footer-icons--round > .vc_column-inner > .wpb_wrapper { margin-left: 0; }
}
/* ══ Subpagina's ═════════════════════════ */

/* ── Paginakop (navy rij, class="pcv-navy pcv-page-hero") ── */
body .pcv-page-hero h1 {
  max-width: 16em;
  margin: 0 0 1.25rem;
  font-family: var(--pcv-serif);
  font-size: clamp(2.125rem, 1.5rem + 2.2vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.01em;
  text-wrap: balance;
}
body .pcv-page-hero .pcv-lead {
  max-width: 46ch;
  margin: 0;
  font-size: var(--pcv-fs-lead);
  line-height: 1.6;
  color: var(--pcv-on-navy-muted);
  text-wrap: pretty;
}
/* Tussenkopje in de paginakop (Over Ron: "Wat mij drijft") */
body .pcv-page-hero h2 {
  margin: 2.25rem 0 .75rem; padding: 0;
  font-family: var(--pcv-sans);
  font-size: var(--pcv-fs-kicker);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: var(--pcv-tracking-kicker);
  text-transform: uppercase;
  color: var(--pcv-copper);
}
body .pcv-page-hero .pcv-lead + .pcv-lead { margin-top: 1rem; }
/* Kicker als link naar de hub (Diensten): koper zoals andere kickers; Salient maakt links in navy rijen wit */
body .pcv-page-hero .pcv-kicker a,
#ajax-content-wrap .pcv-page-hero .span_12.light .wpb_text_column .pcv-kicker a { color: var(--pcv-copper); opacity: 1 !important; text-decoration: none; transition: color .2s ease; }
body .pcv-page-hero .pcv-kicker a:hover,
#ajax-content-wrap .pcv-page-hero .span_12.light .wpb_text_column .pcv-kicker a:hover { color: var(--pcv-copper-hover); opacity: 1 !important; text-decoration: underline; text-underline-offset: 4px; }

/* ── Inhoudsblok (rij, class="pcv-block"; met lijn erboven: "pcv-block pcv-block--line") ── */
body .pcv-block--line { border-top: 1px solid var(--pcv-line); }
body .pcv-block-label h2 {
  margin: 0; padding: 0;
  font-family: var(--pcv-serif);
  font-size: clamp(1.375rem, 1.2rem + .6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--pcv-navy);
  text-wrap: balance;
}
body .pcv-block p { max-width: 68ch; }
body .pcv-block p:last-child { padding-bottom: 0; }
body .pcv-intro p {
  font-family: var(--pcv-serif);
  font-size: clamp(1.1875rem, 1.05rem + .45vw, 1.4375rem);
  font-weight: 400;
  line-height: 1.6;
  color: var(--pcv-navy);
}
body .pcv-block h3 {
  margin: 2rem 0 .75rem; padding: 0;
  font-family: var(--pcv-serif); font-size: 1.1875rem; font-weight: 700; line-height: 1.3;
  color: var(--pcv-navy);
}

/* Vragen in de tekst, als losse regels met koperen lijn */
body .pcv-questions p {
  margin: 0; padding: .15rem 0 .15rem 1.25rem;
  border-left: 3px solid var(--pcv-copper);
  font-family: var(--pcv-serif); font-style: italic; font-size: 1.1875rem; line-height: 1.55;
  color: var(--pcv-navy);
}
body .pcv-questions p + p { margin-top: .6rem; }
body .pcv-questions { margin: 1.5rem 0 1.75rem; }

/* ── Case-vermelding (tekstblok, el_class="pcv-case") ── */
body .pcv-case {
  padding-left: 1.5rem;
  border-left: 3px solid var(--pcv-copper);
}
body .pcv-case p {
  font-family: var(--pcv-serif);
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--pcv-navy);
}
body .pcv-case ul { margin: 0 0 1.5rem 1.1rem; }
body .pcv-case li { margin-bottom: .5rem; font-family: var(--pcv-serif); font-size: 1.0625rem; line-height: 1.6; color: var(--pcv-navy); }

/* ── Salient Fancy List in onze blokken ── */
body .pcv-block ul.nectar-fancy-ul li,
body .pcv-block .nectar-fancy-ul ul li { margin-bottom: .6rem; line-height: 1.6; }

/* ── Salient Icon List als stappen (in kolom met el_class="pcv-steps") ── */
body .pcv-steps .nectar-icon-list-item { margin-bottom: 1.75rem; }
body .pcv-steps .nectar-icon-list-item:last-child { margin-bottom: 0; }
body .pcv-steps .nectar-icon-list-item h4 {
  margin: 0 0 .25rem;
  font-family: var(--pcv-serif); font-size: 1.125rem; font-weight: 700; line-height: 1.35;
  color: var(--pcv-navy);
}
body .pcv-steps .nectar-icon-list-item .content,
body .pcv-steps .nectar-icon-list-item .content p { color: var(--pcv-grey); line-height: 1.6; }
body .pcv-steps .list-icon-holder { font-family: var(--pcv-serif); font-weight: 700; }

/* ── Contactblok onderaan (navy rij, class="pcv-navy pcv-contact-block") ── */
body .pcv-contact-block h2 {
  margin: 0; padding: 0;
  font-family: var(--pcv-serif);
  font-size: var(--pcv-fs-h2);
  line-height: 1.15;
}
body .pcv-contact-block p {
  font-family: var(--pcv-serif);
  font-size: clamp(1.125rem, 1.02rem + .35vw, 1.3125rem);
  line-height: 1.6;
  color: var(--pcv-on-navy);
  max-width: 52ch;
}

/* ── Salient Button (nectar_cta) met class="pcv-cta" ── */
body .nectar-cta.pcv-cta { margin: 0 1.25rem 1rem 0; }
body .nectar-cta.pcv-cta .link_text {
  font-family: var(--pcv-sans);
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
body .nectar-cta.pcv-cta[data-style="underline"] .link_text { color: var(--pcv-on-navy); }
/* Secundaire knop (Salient See-Through): koperen rand en tekst; bij hover koper vlak met navy tekst (5,8:1).
   In Salient: géén Button Color invullen (dan vult Salient de knop), wel Button Color Hover #C88B41,
   Text Color #C88B41, Text Color Hover #0F1E33, Border Color #C88B41 en Border Thickness 2px. */
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_wrap { background-color: transparent; transition: background-color .2s ease; }
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_text { color: var(--pcv-copper); }
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_wrap:hover { background-color: var(--pcv-copper); }
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_wrap:hover .link_text { color: var(--pcv-navy); }
/* Salients cirkel en pijltje bij See-Through uit; tekst weer gecentreerd */
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .arrow,
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_text::before,
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_text::after { display: none !important; content: none !important; }
#ajax-content-wrap .nectar-cta.pcv-cta[data-style="see-through"] .link_text { padding-right: 0 !important; }
body .pcv-cta--dark.nectar-cta[data-style="underline"] .link_text { color: var(--pcv-navy); }

/* ── Contactgegevens als lijst (tekstblok) ── */
body .pcv-contact-list { margin: 2rem 0; padding: 0; list-style: none; }
body .pcv-contact-list li {
  display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; align-items: baseline;
  margin: 0; padding: .9rem 0;
  list-style: none;
  border-top: 1px solid var(--pcv-line-on-navy);
}
body .pcv-contact-list li:last-child { border-bottom: 1px solid var(--pcv-line-on-navy); }
body .pcv-contact-label {
  min-width: 6.5rem;
  font-size: var(--pcv-fs-kicker); font-weight: 600;
  letter-spacing: var(--pcv-tracking-kicker); text-transform: uppercase;
  color: var(--pcv-copper);
}
#ajax-content-wrap .pcv-contact-list a {
  font-size: 1.125rem;
  color: var(--pcv-on-navy);
  text-decoration: none;
}
#ajax-content-wrap .pcv-contact-list a:hover { color: var(--pcv-copper); }

/* ── Slogan (Aanpak) ── */
body .pcv-slogan {
  margin: 2rem 0 0; padding: 0;
  font-family: var(--pcv-serif); font-style: italic; font-weight: 700;
  font-size: clamp(1.5rem, 1.25rem + .8vw, 2rem);
  line-height: 1.2;
  color: var(--pcv-copper-deep);
}

/* ── Kaarten met drie kolommen (binnenrij class="pcv-cards pcv-cards--3") ── */
body .pcv-cards--3 .row_col_wrap_12_inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body .pcv-card-col .pcv-meta {
  margin: .5rem 0 0; padding: 0;
  font-size: .75rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--pcv-grey);
}

/* ══ Voorstel 3 ══════════════════════════
   Hoekige kaarten in de stijl van de dienstkaarten, iconen altijd rond. */

/* ── Rond icoon: navy met koper ─────────── */
body .pcv-ico {
  display: inline-grid; place-items: center; flex: none;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--pcv-navy); color: var(--pcv-copper);
  box-shadow: inset 0 0 0 1px rgba(200, 139, 65, .45);
  font-family: var(--pcv-serif); font-size: .8125rem; font-weight: 700; line-height: 1;
}
body .pcv-ico svg { width: 20px; height: 20px; }
body .pcv-ico--sm { width: 34px; height: 34px; }
body .pcv-ico--md { width: 56px; height: 56px; }
body .pcv-ico--md svg { width: 26px; height: 26px; }
body .pcv-ico--lg { width: 88px; height: 88px; }
body .pcv-ico--lg svg { width: 38px; height: 38px; }

/* ── Kop als kicker (h2 met class="pcv-kicker") ── */
#ajax-content-wrap h2.pcv-kicker,
#ajax-content-wrap h3.pcv-kicker {
  margin: 0 0 1.25rem; padding: 0;
  font-family: var(--pcv-sans); font-size: var(--pcv-fs-kicker); font-weight: 600;
  line-height: 1.4; letter-spacing: var(--pcv-tracking-kicker); text-transform: uppercase;
  color: var(--pcv-navy);
}
#ajax-content-wrap .pcv-navy h2.pcv-kicker,
#ajax-content-wrap .pcv-case-card .pcv-kicker { color: var(--pcv-copper); }

/* Grote kop in serif (ook voor een zin van Ron als kop) */
body .pcv-h2,
#ajax-content-wrap .pcv-h2 {
  margin: 0 0 1.5rem; padding: 0;
  font-family: var(--pcv-serif); font-weight: 700;
  font-size: var(--pcv-fs-h2); line-height: 1.18; letter-spacing: -.01em;
  color: var(--pcv-navy);
  text-wrap: balance;
}
body .pcv-navy .pcv-h2,
#ajax-content-wrap .pcv-navy .pcv-h2 { color: var(--pcv-on-navy); }
body .pcv-h2--md,
#ajax-content-wrap .pcv-h2--md { max-width: 34ch; font-size: clamp(1.5rem, 1.25rem + .9vw, 2.125rem); }

/* ── Home: hero met beeld ───────────────── */
body .pcv-hero--image .row-bg { opacity: .5; }
/* Het verloop over de foto staat in de rij-instellingen (Color Overlay), niet hier */
/* Foto van Ron sluit precies aan op de onderrand (Salient geeft alleen de laatste afbeelding marge 0) */
body .pcv-hero-photo .img-with-aniamtion-wrap,
body .pcv-hero-photo .img-with-aniamtion-wrap .hover-wrap,
body .pcv-hero-photo img.img-with-animation { margin-bottom: 0 !important; }
body .pcv-hero-photo img.img-with-animation { display: block; }
body .pcv-hero--image .row-bg { animation: pcv-settle 2.4s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes pcv-settle { from { transform: scale(1.06); } to { transform: scale(1); } }
body .pcv-hero .pcv-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 2rem; margin: 0; }
#ajax-content-wrap .pcv-hero .pcv-text-link { color: var(--pcv-on-navy); }
#ajax-content-wrap .pcv-hero .pcv-text-link .pcv-arrow { color: var(--pcv-copper); }

/* Naamkaartje over de foto (tekstblok el_class="pcv-hero-badge" direct na de afbeelding) */
body .pcv-hero-photo > .vc_column-inner { position: relative; }
body .pcv-hero-badge {
  position: absolute; left: 0; bottom: 18%; z-index: 3;
  margin: 0 !important;
}
body .pcv-badge {
  display: flex; align-items: center; gap: .85rem;
  padding: .85rem 1.2rem .85rem .9rem;
  border-top: 3px solid var(--pcv-copper);
  background: rgba(247, 244, 238, .97);
  box-shadow: 0 2px 4px rgba(15, 30, 51, .06), 0 28px 50px -24px rgba(15, 30, 51, .45);
}
body .pcv-badge-text { display: block; line-height: 1.3; }
body .pcv-badge-name { display: block; font-family: var(--pcv-serif); font-size: 1.0625rem; font-weight: 700; color: var(--pcv-navy); }
body .pcv-badge-sub { display: block; font-size: .8125rem; color: var(--pcv-grey); }

/* ── Home: beeldband Aanpak ─────────────── */
body .pcv-split-media { min-height: 520px; overflow: hidden; }
body .pcv-split-media .column-image-bg { filter: saturate(.3) contrast(1.08) brightness(1.05); }
body .pcv-split-media .column-image-bg-wrap::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(120deg, rgba(15, 30, 51, .55), rgba(143, 90, 36, .35));
  mix-blend-mode: multiply;
}
body .pcv-split-body > .vc_column-inner { padding: clamp(3rem, 2rem + 4vw, 6rem) !important; }
body .pcv-split-body p { max-width: 50ch; color: var(--pcv-on-navy-muted); }
body .pcv-split-body .pcv-slogan { margin: .25rem 0 2rem; font-size: 1.375rem; color: var(--pcv-copper); }
#ajax-content-wrap .pcv-split-body .pcv-text-link { color: var(--pcv-on-navy); }
#ajax-content-wrap .pcv-split-body .pcv-text-link .pcv-arrow { color: var(--pcv-copper); }

/* ── Home: Over Ron ─────────────────────── */
body .pcv-about-photo > .vc_column-inner { position: relative; }
body .pcv-about-photo > .vc_column-inner::before {
  content: ""; position: absolute; inset: 1.5rem -1.5rem -1.5rem 1.5rem; z-index: 0;
  background: #EFE9DE;
}
body .pcv-about-photo .img-with-aniamtion-wrap,
body .pcv-about-photo .img-with-animation-wrap {
  position: relative; z-index: 1;
  background: linear-gradient(180deg, #EEEBE6 0%, #DEDAD3 100%);
  box-shadow: 0 2px 4px rgba(15, 30, 51, .06), 0 28px 50px -24px rgba(15, 30, 51, .45);
  padding-top: 2rem;
}
body .pcv-about-photo img { display: block; margin: 0 auto; }
body .pcv-about h2.pcv-about-quote {
  margin: 0 0 1.5rem;
  font-family: var(--pcv-serif); font-weight: 700;
  font-size: clamp(1.625rem, 1.3rem + 1.1vw, 2.25rem); line-height: 1.3;
  color: var(--pcv-navy);
}
body .pcv-about h2.pcv-about-quote em { font-style: italic; color: var(--pcv-copper-deep); }
body .pcv-about .wpb_text_column p { max-width: 58ch; color: var(--pcv-grey); }
body .pcv-creds {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 2.25rem;
  margin: .5rem 0 2rem; padding: 1.5rem 0;
  border-top: 1px solid var(--pcv-line); border-bottom: 1px solid var(--pcv-line);
  list-style: none;
}
body .pcv-creds li {
  display: flex; align-items: center; gap: .75rem;
  margin: 0; padding: 0; list-style: none;
  font-size: .8125rem; font-weight: 600; line-height: 1.35; color: var(--pcv-grey);
}
body .pcv-creds img { width: auto; height: 34px; margin: 0; }
body .pcv-cred-label { display: block; max-width: 17em; }

/* ── Dienstpagina: kaartje "In het kort" in de paginakop ──
   Kolom met el_class="pcv-facts-col" en Background Color #F7F4EE, met daarin:
   - Tekstblok: kopje (h3) en per gegeven een alinea "<strong>Label</strong><br>Waarde"
   - Salient Button (nectar_cta, basic) met class="pcv-cta pcv-cta--block" */
body .pcv-facts-col > .vc_column-inner {
  padding: 2rem !important;
  border-top: 3px solid var(--pcv-copper);
  box-shadow: 0 2px 4px rgba(15, 30, 51, .06), 0 28px 50px -24px rgba(0, 0, 0, .45);
}
#ajax-content-wrap .pcv-facts-col h3 {
  margin: 0 0 1.25rem; padding: 0;
  font-family: var(--pcv-sans); font-size: var(--pcv-fs-kicker); font-weight: 600; line-height: 1.4;
  letter-spacing: var(--pcv-tracking-kicker); text-transform: uppercase;
  color: var(--pcv-copper-deep);
}
#ajax-content-wrap .pcv-facts-col .wpb_text_column p {
  display: grid; grid-template-columns: 7.5rem 1fr; column-gap: 1rem;
  margin: 0; padding: .8rem 0;
  border-top: 1px solid var(--pcv-line);
  font-size: .9375rem; line-height: 1.5; color: var(--pcv-navy);
}
#ajax-content-wrap .pcv-facts-col .wpb_text_column p:last-child { border-bottom: 1px solid var(--pcv-line); }
#ajax-content-wrap .pcv-facts-col .wpb_text_column p br { display: none; }
#ajax-content-wrap .pcv-facts-col .wpb_text_column p strong {
  font-family: var(--pcv-sans); font-size: .8125rem; font-weight: 600; color: var(--pcv-grey);
}
#ajax-content-wrap .pcv-facts-col .wpb_text_column { margin-bottom: 1.75rem; }
body .nectar-cta.pcv-cta--block { display: block; margin: 0; }
body .nectar-cta.pcv-cta--block > *,
body .nectar-cta.pcv-cta--block .link_wrap,
body .nectar-cta.pcv-cta--block .link_text { display: block; width: 100%; text-align: center; }

/* ── Dienstpagina: "Wat u krijgt" als statement ── */
body .pcv-statement p {
  margin: 0; padding: 0 0 0 2rem;
  border-left: 3px solid var(--pcv-copper);
  font-family: var(--pcv-serif); font-weight: 400;
  font-size: clamp(1.375rem, 1.15rem + .9vw, 1.875rem); line-height: 1.5;
  color: var(--pcv-navy);
  text-wrap: pretty;
}

/* Tekstblok direct na een statement: lijnt uit met de tekst van het statement */
body .wpb_text_column.pcv-statement { margin-bottom: 2rem !important; }
body .wpb_text_column.pcv-statement:last-child { margin-bottom: 0 !important; }
body .pcv-statement + .wpb_text_column,
body .pcv-statement + .wpb_text_column + .nectar-cta { margin-left: calc(2rem + 3px); }
body .pcv-statement + .wpb_text_column p { max-width: 62ch; }

/* ── Dienstpagina: situaties als kaarten ──
   Salient Fancy List in een kolom met el_class="pcv-check-list".
   - Icoon "Standard Check": elke regel wordt een kaart met rond vinkje (Salient zet het <i> erin)
   - Icoon "None": elke regel wordt een vraag-kaart in drie kolommen
   Beheer: gewoon de opsomming in het Fancy List-element aanpassen. */
#ajax-content-wrap .pcv-check-list .nectar-fancy-ul { margin: 2.25rem 0 0; }
#ajax-content-wrap .pcv-check-list .nectar-fancy-ul ul {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem;
  margin: 0; padding: 0; list-style: none;
}
#ajax-content-wrap .pcv-check-list .nectar-fancy-ul[data-list-icon="none"] ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#ajax-content-wrap .pcv-check-list .nectar-fancy-ul ul li {
  position: relative;
  margin: 0; padding: 1.6rem 1.75rem 1.6rem 4.75rem; list-style: none;
  background: var(--pcv-white);
  border: 1px solid var(--pcv-line);
  border-top: 3px solid var(--pcv-navy);
  font-size: 1rem; line-height: 1.55; color: var(--pcv-navy);
}
#ajax-content-wrap .pcv-check-list .nectar-fancy-ul ul li i.icon-default-style {
  position: absolute; left: 1.75rem; top: 1.45rem;
  display: grid; place-items: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--pcv-navy); color: var(--pcv-copper);
  box-shadow: inset 0 0 0 1px rgba(200, 139, 65, .45);
  font-size: 12px; line-height: 1;
}
#ajax-content-wrap .pcv-check-list .nectar-fancy-ul[data-list-icon="none"] ul li {
  padding: 1.75rem;
  font-family: var(--pcv-serif); font-weight: 700;
  font-size: clamp(1.1875rem, 1.05rem + .4vw, 1.375rem); line-height: 1.4;
}
body .pcv-after-cards { margin-top: 2.25rem; }
body .pcv-after-cards p { max-width: 68ch; }

/* ── Dienstpagina: tijdlijn ──
   Salient Icon List (Numerical, Icon Style "No BG") in een kolom met el_class="pcv-timeline-col".
   Alle stappen staan naast elkaar, hoeveel het er ook zijn; beheer via de lijstitems. */
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list {
  position: relative;
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1.5rem;
  width: auto; margin: 2.5rem 0 0;
}
/* Salients eigen verticale lijn uit; elke stap tekent een lijnstuk naar de volgende cirkel */
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list::after { display: none; }
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item {
  position: relative; width: auto; margin: 0; padding: 0;
}
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item:not(:last-child)::after {
  content: ""; position: absolute; z-index: 0;
  top: 27px; left: 28px; width: calc(100% + 1.5rem); height: 2px;
  background: var(--pcv-copper);
}
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item .list-icon-holder {
  position: relative; z-index: 1;
  display: grid; place-items: center;
  box-sizing: border-box; width: 56px; height: 56px; margin: 0 0 1.4rem;
  border: 2px solid var(--pcv-copper) !important; border-radius: 50%;
  background: var(--pcv-white) !important;
  font-family: var(--pcv-serif); font-size: 1.25rem; font-weight: 700; line-height: 1;
  color: var(--pcv-navy) !important;
}
/* Salient geeft het cijfer een vak van 60px met negatieve marge; terug naar het midden van de cirkel */
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item .list-icon-holder span {
  display: block; width: auto; height: auto; margin: 0;
  font-size: inherit; line-height: 1; color: inherit;
}
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item h4 {
  margin: 0 0 .5rem; padding: 0;
  font-family: var(--pcv-serif); font-size: 1.0625rem; font-weight: 700; line-height: 1.3;
  color: var(--pcv-navy);
}
#ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item .content {
  font-size: .9375rem; line-height: 1.55; color: var(--pcv-grey);
}

/* ── Dienstpagina: verwachtingen + praktijkkaart ── */
/* Grijs alleen op licht; de praktijkkaart is navy en houdt de navy-tekstkleuren */
body .pcv-expect .wpb_text_column:not(.pcv-case-card) p { max-width: 58ch; color: var(--pcv-grey); }
body .pcv-case-card {
  position: relative; overflow: hidden;
  margin: 0 !important;
  padding: 2.5rem;
  background: var(--pcv-navy);
  box-shadow: 0 2px 4px rgba(15, 30, 51, .06), 0 28px 50px -24px rgba(15, 30, 51, .45);
}
body .pcv-case-card .wpb_wrapper { position: relative; z-index: 1; }
body .pcv-case-card p,
#ajax-content-wrap .pcv-case-card p {
  font-family: var(--pcv-serif); font-size: 1.0625rem; line-height: 1.65;
  color: var(--pcv-on-navy);
}
body .pcv-case-card p:last-child { padding-bottom: 0; }
body .pcv-case-card p.pcv-kicker { font-family: var(--pcv-sans); font-size: var(--pcv-fs-kicker); color: var(--pcv-copper); }
body .pcv-case-card ul { margin: 0 0 1.5rem; padding: 0; list-style: none; }
body .pcv-case-card li {
  margin: 0; padding: 1rem 0; list-style: none;
  border-top: 1px solid var(--pcv-line-on-navy);
  font-size: .9375rem; line-height: 1.6;
}
body .pcv-case-card li,
#ajax-content-wrap .pcv-case-card li { color: var(--pcv-on-navy-muted); }   /* 8,6:1 op navy */
body .pcv-case-card li:last-child { border-bottom: 1px solid var(--pcv-line-on-navy); }
body .pcv-case-card strong,
#ajax-content-wrap .pcv-case-card strong { font-family: inherit; font-weight: 700; color: var(--pcv-copper); }   /* 5,8:1 op navy */
body .pcv-case-card .pcv-case-closing { font-style: italic; }

/* ── Dienstpagina: andere diensten, vier kaarten ── */
body .pcv-cards.pcv-cards--4 .row_col_wrap_12_inner { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ── Contactblok met ronde foto ─────────────
   Salient Image (foto van Ron) in een kolom met el_class="pcv-avatar-col".
   De CSS maakt er een ronde foto van met een belicoontje rechtsonder. */
body .pcv-avatar-col .img-with-aniamtion-wrap { position: relative; display: inline-block; width: 168px; margin: 0 !important; }
body .pcv-avatar-col .img-with-aniamtion-wrap .inner,
body .pcv-avatar-col .img-with-aniamtion-wrap .hover-wrap,
body .pcv-avatar-col .img-with-aniamtion-wrap .hover-wrap-inner { width: 100%; margin: 0 !important; }
body .pcv-avatar-col .img-with-aniamtion-wrap img.img-with-animation {
  display: block; width: 168px !important; height: 168px !important; max-width: none; margin: 0 !important;
  border-radius: 50%; object-fit: cover; object-position: 50% 12%;
  background: #16294A;
  border: 2px solid var(--pcv-copper);
  box-shadow: none;
}
body .pcv-avatar-col .img-with-aniamtion-wrap::after {
  content: ""; position: absolute; z-index: 2; right: 4px; bottom: 8px;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--pcv-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23C88B41' stroke-width='1.7' stroke-linejoin='round' d='M5 3.5h3.6l1.8 4.6-2.3 1.4a11.5 11.5 0 0 0 5.4 5.4l1.4-2.3 4.6 1.8V18a2 2 0 0 1-2 2A16.5 16.5 0 0 1 3 5.5a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") center / 20px no-repeat;
  box-shadow: inset 0 0 0 1px rgba(200, 139, 65, .45), 0 0 0 2px var(--pcv-copper);
}
body .pcv-contact-block .pcv-h2 { margin-bottom: 1rem; }

/* ── Contactgegevens (tekstblok el_class="pcv-contact-rows") ──
   Per regel een alinea: <strong>Label</strong>, regeleinde (Shift+Enter), dan de link. */
#ajax-content-wrap .pcv-contact-rows { margin: 2rem 0 !important; }
#ajax-content-wrap .pcv-contact-rows p {
  display: grid; grid-template-columns: 7rem 1fr; column-gap: 1.25rem; align-items: baseline;
  margin: 0; padding: .9rem 0;
  border-top: 1px solid var(--pcv-line-on-navy);
}
#ajax-content-wrap .pcv-contact-rows p:last-child { border-bottom: 1px solid var(--pcv-line-on-navy); }
#ajax-content-wrap .pcv-contact-rows p br { display: none; }
#ajax-content-wrap .pcv-contact-rows p strong {
  font-family: var(--pcv-sans); font-size: var(--pcv-fs-kicker); font-weight: 600;
  letter-spacing: var(--pcv-tracking-kicker); text-transform: uppercase;
  color: var(--pcv-copper);
}
#ajax-content-wrap .pcv-contact-rows a { font-size: 1.125rem; color: var(--pcv-on-navy); text-decoration: none; }
#ajax-content-wrap .pcv-contact-rows a:hover { color: var(--pcv-copper); }

/* Fancy List met vinkjes in drie kolommen (kolom el_class="pcv-check-list pcv-check-list--3") */
#ajax-content-wrap .pcv-check-list--3 .nectar-fancy-ul ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 1100px) {
  #ajax-content-wrap .pcv-check-list--3 .nectar-fancy-ul ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ajax-content-wrap .pcv-timeline-col .nectar-icon-list { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2.5rem; }
  #ajax-content-wrap .pcv-timeline-col .nectar-icon-list-item:not(:last-child)::after { display: none; }
  body .pcv-cards.pcv-cards--4 .row_col_wrap_12_inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .pcv-cards.pcv-cards--4 .row_col_wrap_12_inner > .col:last-child { grid-column: auto; }
}
@media (max-width: 999px) {
  body .pcv-hero-badge { left: auto; right: 0; bottom: 12%; }
  /* Fotoband: op tablet en mobiel een vaste, lage strook */
  body .pcv-split-media,
  body .pcv-split-media > .vc_column-inner { height: 300px !important; min-height: 0 !important; padding: 0 !important; }
  body .pcv-about-photo { margin-bottom: 3rem !important; }
  body .pcv-facts-col { margin-top: 2.5rem !important; }
  #ajax-content-wrap .pcv-check-list .nectar-fancy-ul[data-list-icon="none"] ul { grid-template-columns: 1fr; }
  body .pcv-case-card { margin-top: 2.5rem !important; }
}
@media (max-width: 690px) {
  body .pcv-stats-list li { gap: .9rem; }
  #ajax-content-wrap .pcv-check-list .nectar-fancy-ul ul { grid-template-columns: 1fr; }
  #ajax-content-wrap .pcv-timeline-col .nectar-icon-list { grid-template-columns: 1fr; }
  body .pcv-cards.pcv-cards--4 .row_col_wrap_12_inner { grid-template-columns: 1fr; }
  body .pcv-ai-inner { grid-template-columns: 1fr; padding: 1.75rem; }
  #ajax-content-wrap .pcv-facts-col .wpb_text_column p { grid-template-columns: 1fr; row-gap: .15rem; }
  body .pcv-avatar-col .img-with-aniamtion-wrap { width: 128px; }
  body .pcv-avatar-col .img-with-aniamtion-wrap img.img-with-animation { width: 128px !important; height: 128px !important; }
  #ajax-content-wrap .pcv-contact-rows p { grid-template-columns: 1fr; row-gap: .15rem; }
  body .pcv-statement p { padding-left: 1.25rem; }
  body .pcv-statement + .wpb_text_column,
  body .pcv-statement + .wpb_text_column + .nectar-cta { margin-left: calc(1.25rem + 3px); }
  body .pcv-case-card { padding: 2rem 1.5rem; }
}

/* ── Responsive (basis) ─────────────────── */
@media (max-width: 1100px) {
  body .pcv-cards .row_col_wrap_12_inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .pcv-cards .row_col_wrap_12_inner > .col:last-child { grid-column: 1 / -1; }
}
@media (max-width: 999px) {
  body .pcv-block-label h2 { margin-bottom: 1rem; }
  /* Lege uitlijnkolommen (el_class="pcv-spacer") niet stapelen op tablet en mobiel */
  body .pcv-spacer { display: none !important; }
}
@media (max-width: 999px) {
  body .pcv-problem-list { grid-template-columns: 1fr; gap: 1.25rem; }
}
@media (max-width: 690px) {
  body .pcv-stats-list { grid-template-columns: 1fr; gap: 1.5rem; padding-block: 2rem; }
  body .pcv-cards .row_col_wrap_12_inner { grid-template-columns: 1fr; }
  body .pcv-sector-list { justify-content: flex-start; gap: .4rem 1.5rem; }
}

/* ══ Homepage met Salient-elementen ═══════
   Alles is in de editor te beheren: tekstblokken bevatten alleen koppen, alinea's, vet en regeleinden.
   Iconen zijn Salient Icon-elementen, knoppen Salient Buttons, kaartjes zijn kolommen/binnenrijen met een class. */

/* ── Rond icoon (Salient Icon in een kolom met el_class="pcv-round-icon", maat: --sm / --lg) ── */
body .pcv-round-icon .nectar_icon_wrap { margin: 0 !important; padding: 0 !important; }
body .pcv-round-icon .nectar_icon {
  display: grid; place-items: center;
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--pcv-navy);
  box-shadow: inset 0 0 0 1px rgba(200, 139, 65, .45);
}
body .pcv-round-icon .nectar_icon i {
  width: auto !important; height: auto !important;
  font-size: 24px !important; line-height: 1 !important;
  color: var(--pcv-copper) !important;
}
body .pcv-round-icon--sm .nectar_icon { width: 34px; height: 34px; }
body .pcv-round-icon--sm .nectar_icon i { font-size: 15px !important; }
body .pcv-round-icon--lg .nectar_icon { width: 88px; height: 88px; }
body .pcv-round-icon--lg .nectar_icon i { font-size: 36px !important; }

/* ── Hero: naamkaartje (tekstblok el_class="pcv-hero-badge": vetgedrukte naam, regeleinde, functie) ── */
body .pcv-hero-badge {
  display: flex; align-items: center; gap: .85rem;
  padding: .85rem 1.2rem .85rem .9rem;
  border-top: 3px solid var(--pcv-copper);
  background: rgba(247, 244, 238, .97);
  box-shadow: 0 2px 4px rgba(15, 30, 51, .06), 0 28px 50px -24px rgba(15, 30, 51, .45);
}
body .pcv-hero-badge::before {
  content: ""; flex: none;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--pcv-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23C88B41' stroke-width='1.6' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='m8.5 13.5-1.5 7 5-2.5 5 2.5-1.5-7'/%3E%3C/g%3E%3C/svg%3E") center / 20px no-repeat;
  box-shadow: inset 0 0 0 1px rgba(200, 139, 65, .45);
}
#ajax-content-wrap .pcv-hero-badge p { margin: 0; padding: 0; font-size: .8125rem; line-height: 1.35; color: var(--pcv-grey); }
#ajax-content-wrap .pcv-hero-badge p br { display: none; }
#ajax-content-wrap .pcv-hero-badge p strong {
  display: block; margin-bottom: .1rem;
  font-family: var(--pcv-serif); font-size: 1.0625rem; font-weight: 700; color: var(--pcv-navy);
}
body .pcv-hero .nectar-cta.pcv-cta { margin-bottom: 0; vertical-align: middle; }
/* Tekstlink naast de belknop (Salient Button, stijl Underline, class="pcv-cta pcv-cta--text") */
body .pcv-hero .nectar-cta.pcv-cta--text { margin-left: .75rem; }

/* ── Cijferstrook (binnenrij class="pcv-stats-row"; per kolom een tekstblok el_class="pcv-stat":
      vetgedrukt cijfer, regeleinde, omschrijving) ── */
body .pcv-stats-row .row_col_wrap_12_inner {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2rem; row-gap: 0;
  margin: 0 !important; padding: 2.1rem 0 2.3rem;
}
body .pcv-stats-row .row_col_wrap_12_inner > .col { width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; }
/* Salient geeft binnenrijen en tekstblokken een ondermarge; in de strook regelt de padding de ruimte */
body .pcv-stats .pcv-stats-row,
body .pcv-stats .pcv-stat,
body .pcv-stats .pcv-stats-row .vc_column-inner,
body .pcv-stats .pcv-stats-row .wpb_wrapper { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#ajax-content-wrap .pcv-stat p {
  display: flex; align-items: center; gap: 1.1rem;
  margin: 0; padding: 0;
  font-size: .875rem; line-height: 1.4; color: var(--pcv-on-navy-muted);
}
#ajax-content-wrap .pcv-stat p br { display: none; }
#ajax-content-wrap .pcv-stat p strong {
  flex: none;
  font-family: var(--pcv-serif); font-size: clamp(1.75rem, 1.4rem + 1vw, 2.375rem); font-weight: 700; line-height: 1;
  color: var(--pcv-copper); white-space: nowrap;
}

/* ── Sectoren (tekstblok el_class="pcv-sectors-text" met een gewone opsomming) ── */
#ajax-content-wrap .pcv-sectors-text ul {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem;
  margin: 0; padding: 1.4rem 0; list-style: none;
}
#ajax-content-wrap .pcv-sectors-text li {
  margin: 0; padding: 0; list-style: none;
  font-size: .8125rem; font-weight: 500; line-height: 1.5;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--pcv-grey);
}

/* ── Drie kreten (Fancy List zonder icoon in kolom met el_class="pcv-check-list pcv-quote-cards") ── */
#ajax-content-wrap .pcv-quote-cards .nectar-fancy-ul[data-list-icon="none"] ul li {
  padding: 2.25rem 2rem 2.5rem;
  font-size: clamp(1.25rem, 1.05rem + .6vw, 1.5625rem); line-height: 1.35;
  text-wrap: pretty;
}
#ajax-content-wrap .pcv-quote-cards .nectar-fancy-ul { margin-top: 0; }

/* ── Sectiekop met link rechts (binnenrij class="pcv-head-row") ── */
body .pcv-head-row { margin-bottom: 2.75rem; }
body .pcv-head-row .row_col_wrap_12_inner { align-items: flex-end; }
#ajax-content-wrap .pcv-head-row h2.pcv-kicker { margin: 0; }
body .pcv-head-row .nectar-cta.pcv-cta { margin: 0; }

/* ── Keurmerken (binnenrij class="pcv-creds-row"; per kolom een logo of rond icoon plus een tekstblok) ── */
body .pcv-creds-row {
  margin: .5rem 0 2rem; padding: 1.5rem 0;
  border-top: 1px solid var(--pcv-line); border-bottom: 1px solid var(--pcv-line);
}
body .pcv-creds-row .row_col_wrap_12_inner { display: flex !important; flex-wrap: wrap; align-items: center; gap: 1.25rem 2.25rem; margin: 0 !important; }
body .pcv-creds-row .row_col_wrap_12_inner > .col { width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; }
body .pcv-creds-row .col > .vc_column-inner > .wpb_wrapper { display: flex; align-items: center; gap: .75rem; }
body .pcv-creds-row .img-with-aniamtion-wrap,
body .pcv-creds-row .img-with-aniamtion-wrap .inner,
body .pcv-creds-row .img-with-aniamtion-wrap .hover-wrap,
body .pcv-creds-row .img-with-aniamtion-wrap .hover-wrap-inner { width: auto !important; margin: 0 !important; }
body .pcv-creds-row img.img-with-animation { width: auto !important; height: 34px !important; margin: 0 !important; }
#ajax-content-wrap .pcv-creds-row .wpb_text_column { margin: 0 !important; }
#ajax-content-wrap .pcv-creds-row .wpb_text_column p {
  max-width: 17em; margin: 0; padding: 0;
  font-size: .8125rem; font-weight: 600; line-height: 1.35; color: var(--pcv-grey);
}

/* ── Inkoop & AI-kaart (binnenrij class="pcv-ai-card": icoon, tekst, knop) ──
   De kolombreedtes stel je in Salient in; de CSS regelt alleen de kaart en de verticale uitlijning. */
body .pcv-ai-card {
  padding: 2rem 2.5rem;
  background: var(--pcv-white);
  border: 1px solid var(--pcv-line);
  border-top: 3px solid var(--pcv-navy);
}
body .pcv-ai-card .row_col_wrap_12_inner { align-items: center; }
body .pcv-ai-card .nectar-cta.pcv-cta { margin: 0; }
body .pcv-ai-card .nectar-cta .link_text { white-space: nowrap; }

@media (max-width: 690px) {
  body .pcv-stats-row .row_col_wrap_12_inner { grid-template-columns: 1fr; row-gap: 0; padding-block: 2rem; }
  body .pcv-stats-row .row_col_wrap_12_inner > .col + .col { margin-top: 1.5rem !important; }
  #ajax-content-wrap .pcv-sectors-text ul { justify-content: flex-start; gap: .4rem 1.5rem; }
  body .pcv-ai-card { padding: 1.75rem; }
  body .pcv-head-row .nectar-cta.pcv-cta { margin-top: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  body .pcv-card-col, body .pcv-arrow { transition: none; }
  body .pcv-card-col:hover { transform: none; }
  body .pcv-hero--image .row-bg { animation: none; }
}