/* HOME: ruimte tussen logo-afbeelding en H1-titel verkleinen */
.home .entry-content > .wp-block-image:first-of-type {
    margin-bottom: 0;          /* standaard is dit vrij groot */
}

.home .entry-content > h1:first-of-type {
    margin-top: 0.5rem;        /* was ± 2–3rem, nu compacter */
}
/* Nog compacter? Zet de H1 bijna tegen het logo */
.home .entry-content > h1:first-of-type {
    margin-top: 0.1rem;
}
/* Titel iets optisch in het logo laten vallen */
.home .entry-content > h1:first-of-type {
    margin-top: -0.5rem;   /* probeer -0.5rem t/m -1rem */
}

/* ============================================================
   0. BASISVARIABELEN – ÉÉN SYSTEEM
============================================================ */
:root {
    --kvi-acc-title: #333333;   /* standaard accordeon titels */
    --kvi-acc-title-muted: #777777; /* FAQ titels */
    --kvi-acc-bg: #FFFFFF;
    --kvi-acc-bg-open: #F5F7F4;
    --kvi-acc-border: #E5E5E5;
    --kvi-acc-icon: #777777;   /* kleur van + en – icon */
}


/* ============================================================
   1. BASISSTYLING VOOR ALLE ACCORDEONS (details & Kadence)
============================================================ */

/* Containers */
details.kvi-acc,
.wp-block-kadence-accordion-item {
    background: var(--kvi-acc-bg);
    border: 1px solid var(--kvi-acc-border);
    border-radius: 12px;
    margin: 12px 0;
    overflow: hidden;
}

/* Summary / Titel */
details.kvi-acc summary,
.wp-block-kadence-accordion-item .kt-accordion-header {
    padding: 14px 18px;
    cursor: pointer;
    position: relative;
    background: var(--kvi-acc-bg);
    font-weight: 400 !important;
}

/* Wanneer open */
details.kvi-acc[open] summary,
.wp-block-kadence-accordion-item.kt-accordion-panel-active .kt-accordion-header {
    background: var(--kvi-acc-bg-open);
}


/* ============================================================
   2. TITELTEKSTEN
============================================================ */

/* Normale accordeons */
details.kvi-acc summary .kvi-h2,
.wp-block-kadence-accordion-item .kt-accordion-header .kt-accordion-title {
    color: var(--kvi-acc-title) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* FAQ accordeons */
.section.kvi-faq details.kvi-acc summary .kvi-h2,
.section.kvi-faq .kt-accordion-title {
    color: var(--kvi-acc-title-muted) !important;
}


/* ============================================================
   3. CONTENT BLOKKEN
============================================================ */
details.kvi-acc .acc-content,
.wp-block-kadence-accordion-item .kt-accordion-panel {
    padding: 16px 18px 20px;
    font-size: 15px;
    line-height: 1.7;
}


/* ============================================================
   4. ICON: UNIFORME + / – (details-accordions)
============================================================ */

/* Verwijder standaard markers */
details.kvi-acc summary::-webkit-details-marker,
details.kvi-acc summary::marker {
    display: none !important;
}

/* Basis + */
details.kvi-acc summary::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--kvi-acc-icon);
    font-weight: 300;
    pointer-events: none;
}

/* Open = – */
details.kvi-acc[open] summary::after {
    content: "–";
    font-weight: 300;
    color: var(--kvi-acc-icon);
}


/* ============================================================
   5. ICON: UNIFORME + / – (Kadence Accordion Blocks)
============================================================ */

/* Verberg Kadence icons */
.wp-block-kadence-accordion .kt-accordion-icon-trigger,
.kt-accordion-icon-style-chevron,
.kt-accordion-icon-style-basic {
    display: none !important;
}

/* Voeg eigen icon toe */
.wp-block-kadence-accordion-item .kt-accordion-header::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--kvi-acc-icon);
    font-weight: 300;
}

/* Open = – */
.wp-block-kadence-accordion-item.kt-accordion-panel-active .kt-accordion-header::after {
    content: "–";
    color: var(--kvi-acc-icon);
}


/* ============================================================
   6. FAQ-SECTIETITEL
============================================================ */
.section.kvi-faq .section-title {
    color: var(--kvi-acc-title-muted) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin: 24px 0 12px !important;
}

/* ===== KVI – INVESTERINGSKLIMAAT NETTER EN STRAKKER ===== */

/* 1. Basis: gebruik gewoon de site-typografie */
#kvi-climate-pro {
  font-family: inherit;
  color: inherit;
}

/* 2. Binneninhoud per accordion: prettige breedte en spacing */
#kvi-climate-pro .acc-content {
  max-width: 760px;
  margin: 0 auto 2.5rem;
}

#kvi-climate-pro .acc-content p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 1rem;
}

/* 3. Lijsten netter uitlijnen */
#kvi-climate-pro .acc-content ul {
  margin: 0 0 1.5rem 1.25rem;
  padding-left: 0.75rem;
}

#kvi-climate-pro .acc-content li {
  margin: 0 0 0.4rem;
}

/* 4. Afbeeldingen en figuren minder “mega groot” + gecentreerd */
#kvi-climate-pro .acc-content figure {
  max-width: min(100%, 720px);
  margin: 1.75rem auto;
  text-align: center;
}

#kvi-climate-pro .acc-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}

#kvi-climate-pro .acc-content figcaption {
  margin-top: 0.5rem;
  font-size: 13px;
  color: #777777;
}

/* 5. Subkoppen in de snippet: iets rustiger */
#kvi-climate-pro .acc-content h4,
#kvi-climate-pro .acc-content .kv-subheading {
  font-size: 18px;
  margin: 1.5rem 0 0.75rem;
  font-weight: 600;
}

/* 6. Tegelachtige blokken in de snippet (recorddeals, toplanden etc.) minder schreeuwerig */
#kvi-climate-pro .kv-tiles,
#kvi-climate-pro .kvx-grid,
#kvi-climate-pro .kvi-rows,
#kvi-climate-pro .kvi-cols,
#kvi-climate-pro .kvi-donut-wrap {
  max-width: min(100%, 960px);
  margin: 1.5rem auto;
}

/* 7. Intro-tekst in de snippet iets subtieler */
#kvi-climate-pro .kv-introbar {
  border-radius: 8px;
  border-left-width: 3px;
  font-size: 14px;
  line-height: 1.6;
}

/* 8. FAQ in de snippet netjes laten aansluiten */
#kvi-climate-pro .kvi-faq .kvi-h2 {
  font-size: 16px;
  font-weight: 600;
}

#kvi-climate-pro .kvi-faq .acc-content p {
  font-size: 15px;
}

/* 9. Footer / disclaimer van de snippet compacter */
#kvi-climate-pro .kv-footer {
  max-width: 760px;
  margin: 2.5rem auto 0;
}

#kvi-climate-pro .kv-disclaimer p {
  font-size: 13px;
  line-height: 1.6;
}

/* =========================
   KVI Tool – Kopen (Kadence UI)
   ========================= */

.kvi-shop-root{
  max-width: 1100px;
  margin: 0 auto;
}

.kvi-shop-root .kv-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* Filters: responsive grid */
.kvi-shop-root .kv-controls{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr 1fr;
  gap:12px;
  align-items:end;
  margin-bottom:12px;
}

.kvi-shop-root .kv-controls [data-filter] label{
  display:block;
  font-size:13px;
  color:#777;
  margin:0 0 6px;
}

.kvi-shop-root input.kvi-q,
.kvi-shop-root select.kvi-type,
.kvi-shop-root select.kvi-product,
.kvi-shop-root select.kvi-merk,
.kvi-shop-root select.kvi-verkoper{
  width:100%;
  height:42px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:12px;
  background:#fff;
  font-size:14px;
}

.kvi-shop-root input.kvi-q:focus,
.kvi-shop-root select:focus{
  outline:none;
  border-color:#5CB130;
  box-shadow:0 0 0 4px rgba(92,177,48,.14);
}

/* Deals checkbox */
.kvi-shop-root .kv-toggle{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  height:42px;
  border:1px dashed rgba(0,0,0,.18);
  border-radius:12px;
  background:#F5F7F4;
}

.kvi-shop-root .kv-toggle input{
  width:16px; height:16px;
}

/* Actions row */
.kvi-shop-root .kv-actions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  padding:10px 0 14px;
  border-bottom:1px solid rgba(0,0,0,.08);
  margin-bottom:12px;
}

.kvi-shop-root .kvi-reset{
  appearance:none;
  border:0;
  background:#E89C2D;
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  cursor:pointer;
}

.kvi-shop-root .kvi-reset:hover{ filter:brightness(.95); }

.kvi-shop-root .kvi-count{
  font-weight:700;
  color:#333;
}

/* Table */
.kvi-shop-root .kv-tablewrap{
  overflow:auto;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
}

.kvi-shop-root table.kv{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width: 920px;
}

.kvi-shop-root table.kv thead th{
  position:sticky;
  top:0;
  background:#F5F7F4;
  color:#333;
  font-size:13px;
  text-transform:none;
  letter-spacing:.2px;
  padding:12px 12px;
  border-bottom:1px solid rgba(0,0,0,.08);
  z-index:1;
}

.kvi-shop-root table.kv td{
  padding:12px 12px;
  border-bottom:1px solid rgba(0,0,0,.06);
  vertical-align:top;
  font-size:14px;
  color:#333;
}

.kvi-shop-root table.kv tr:hover td{
  background:#FFF4E6; /* pastel oranje */
}

.kvi-shop-root .per100{
  font-size:12px;
  color:#777;
  margin-top:4px;
}

.kvi-shop-root .muted{ color:#777; }

/* Deal badge */
.kvi-shop-root .badge.deal{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  border-radius:999px;
  background:#ECF7E8; /* pastel groen */
  color:#3F7F24;
}

/* CTA in table */
.kvi-shop-root td.action a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  background:#E89C2D;
  color:#fff !important;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}

.kvi-shop-root td.action a:hover{ filter:brightness(.95); }

.kvi-shop-root td.action small{
  display:block;
  margin-top:6px;
  color:#777;
}

/* Tiles (top deals) */
.kvi-shop-root .kv-tiles{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}

.kvi-shop-root .kv-tile{
  background:#FFF4E6;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.kvi-shop-root .kv-tile h4{
  margin:0 0 6px;
  font-size:16px;
}

.kvi-shop-root .kv-tile .sub{
  color:#777;
  font-size:13px;
  margin-bottom:10px;
}

.kvi-shop-root .kv-tile .price{
  font-size:18px;
  font-weight:900;
  margin-bottom:10px;
}

.kvi-shop-root .kv-tile .deal{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  margin-bottom:10px;
}

.kvi-shop-root .kv-tile a.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:10px 12px;
  border-radius:999px;
  background:#E89C2D;
  color:#fff !important;
  font-weight:900;
  text-decoration:none;
}

.kvi-shop-root .kv-tile small{
  display:block;
  margin-top:8px;
  color:#777;
  text-align:center;
}

/* Locked filters hidden */
.kvi-shop-root .kvi-hidden{ display:none !important; }

/* Mobile */
@media (max-width: 1024px){
  .kvi-shop-root .kv-controls{ grid-template-columns: 1fr 1fr; }
  .kvi-shop-root table.kv{ min-width: 820px; }
  .kvi-shop-root .kv-tiles{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px){
  .kvi-shop-root .kv-controls{ grid-template-columns: 1fr; }
  .kvi-shop-root .kv-actions{ flex-direction:column; align-items:flex-start; }
  .kvi-shop-root .kv-tiles{ grid-template-columns: 1fr; }
}
/* ===== KVI conversie-upgrades (clean & professioneel) ===== */

/* Top-3 deals: subtiele rand */
.kvi-topdeal td{
  border-left:4px solid #E89C2D;
  background:#fff;
}

/* Extra CTA */
.kvi-voorwaarden{
  display:block;
  margin-top:6px;
  font-size:12px;
  color:#555;
  text-decoration:underline;
}

/* Mobiele sticky bar */
.kvi-sticky{
  position:sticky;
  top:64px;
  z-index:9;
  display:flex;
  gap:8px;
  padding:8px;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.kvi-sticky button{
  flex:1;
  background:#F5F7F4;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  padding:10px;
  font-weight:600;
  cursor:pointer;
}

.kvi-sticky button:hover{
  background:#E89C2D;
  color:#fff;
}

.kvi-trust {
  margin: 12px 0 0;
  font-size: 13px;
  color: #666;
  max-width: 720px;
}
.kv .action a {
  font-weight: 600;
}
/* KVI kopen – fix "Alleen aanbiedingen" label/checkbox (geen afbreken, nette uitlijning) */
#kvi-shop .kv-controls [data-filter="deals"]{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 180px;            /* voorkomt krapte */
}

#kvi-shop .kv-controls [data-filter="deals"] .kv-toggle{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;         /* voorkomt "half uit" */
}

#kvi-shop .kv-controls [data-filter="deals"] .kv-toggle span{
  display: inline-block;
  line-height: 1.1;
}

/* checkbox iets strakker en consistent */
#kvi-shop .kv-controls [data-filter="deals"] .kv-toggle input[type="checkbox"]{
  width: 16px;
  height: 16px;
  margin: 0;
}
.kvi-shop-root {
  margin-bottom: 60px;
}
.kvi-shop-root {
  margin-bottom: 60px;
}
/* KVI tool – CTA's exact en consistent (alleen tool-buttons) */

/* Reset knop */
#kvi-shop .kv-reset,
#kvi-shop .kv-btn {
  background-color: #E89C2D !important;
  border: 1px solid #E89C2D !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  background-image: none !important;
}

/* Bestel knop in tabel (alleen in actie-kolom) */
#kvi-shop td.action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background-color: #E89C2D !important;
  border: 1px solid #E89C2D !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  background-image: none !important;
}

/* Bestel knop in tegels (als je die gebruikt) */
#kvi-shop .kv-tile a.cta {
  background-color: #E89C2D !important;
  border: 1px solid #E89C2D !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  background-image: none !important;
}

/* Hover (optioneel) */
#kvi-shop .kv-reset:hover,
#kvi-shop .kv-btn:hover,
#kvi-shop td.action a:hover,
#kvi-shop .kv-tile a.cta:hover {
  background-color: #d98f23 !important;
  border-color: #d98f23 !important;
  color: #fff !important;
}
.theme-huisdieren .kv-tile {
  background-color: #FFFBE2;
}
#kvi-huisdiervoeding .kv-actions .kv-reset {
  background: #E89C2D;
  color: #fff;
  border: none;
}
#kvi-huisdiervoeding .kv-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
}
/* ================================
   KVI – Dashboard tabel polish
   Geldt voor alle KVI tools
   ================================ */

.kvi-shop-root .kv table {
  border-collapse: separate;
  border-spacing: 0;
}

/* Header: iets strakker en meer links */
.kvi-shop-root .kv thead th {
  text-align: left;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 13px;
  color: #333;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  white-space: nowrap;
}

/* Body: iets meer ademruimte, valt beter onder header */
.kvi-shop-root .kv tbody td {
  padding: 12px 14px;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Actie-kolom iets compacter */
.kvi-shop-root .kv td.action {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}

/* Laatste rij geen rand */
.kvi-shop-root .kv tbody tr:last-child td {
  border-bottom: none;
}
/* ================================
   KVI – Investeringen tool styling
   ================================ */

.theme-investeren {
  --kvi-pastel: #ECF7E8;
  --kvi-green: #3F7F24;
  --kvi-cta: #E89C2D;
}

/* Card accent: subtiel pastelgroen */
.theme-investeren .kvi-invest-card {
  border: 1px solid rgba(0,0,0,0.06);
}

/* Metrics (counters) */
.theme-investeren .kvi-invest-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 4px;
}

.theme-investeren .kvi-metric {
  background: var(--kvi-pastel);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 12px;
  padding: 14px 14px;
}

.theme-investeren .kvi-metric-value {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  line-height: 1.1;
}

.theme-investeren .kvi-metric-label {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}

/* Filters: netjes uitlijnen (ook mobiel) */
.theme-investeren .kvi-invest-filters {
  align-items: end;
}
.theme-investeren .kvi-toponly {
  min-width: 220px;
}

/* CTA (reset) consistent oranje */
.theme-investeren .kv-actions .cta,
.theme-investeren .kv-actions .kv-reset {
  background: var(--kvi-cta);
  color: #fff;
  border: none;
}

/* Table header subtiel groen-ish */
.theme-investeren .kvi-invest-table thead th {
  background: #f4faf2;
}

/* Bedrag kolom benadrukken */
.theme-investeren .kvi-amount {
  font-weight: 700;
  color: #111;
}

/* Bron link rustig groen */
.theme-investeren .kvi-bron {
  color: var(--kvi-green);
  text-decoration: none;
}
.theme-investeren .kvi-bron:hover {
  text-decoration: underline;
}

/* Notitie toggle */
.theme-investeren .kvi-note-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #f7f7f7;
  color: #333;
  cursor: pointer;
}

.theme-investeren .kvi-note-body {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  padding: 10px 12px;
}

/* “+x” bij investeerders */
.theme-investeren .kvi-more {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--kvi-pastel);
  border: 1px solid rgba(0,0,0,0.06);
  font-size: 12px;
  color: #333;
}

/* Mobile */
@media (max-width: 820px){
  .theme-investeren .kvi-invest-metrics {
    grid-template-columns: 1fr;
  }
}


/* KVI – Investeringen in één oogopslag (intro + visuals + bronnen) */
#kvi-invest-overview * { box-sizing: border-box; }

#kvi-invest-overview{
  --kv-border:#e6eaed;
  color:#222;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}

#kvi-invest-overview .kv-wrap{
  max-width:1120px;
  margin:0 auto;
  padding:12px 16px 20px;
}

/* Intro zonder groene balk */
#kvi-invest-overview .kv-intro{
  background:#f8f8f8;
  border-left:0;
  padding:12px 14px;
  border-radius:6px;
  margin:0 0 12px;
}
#kvi-invest-overview .kv-intro-p{ margin:0 0 8px; color:#333; }
#kvi-invest-overview .kv-intro-p:last-child{ margin-bottom:0; }

/* Grid: 2 kolommen */
#kvi-invest-overview .kvx-wrap{ max-width:1120px; margin:0 auto; text-align:left; }
#kvi-invest-overview .kvx-grid{
  display:flex; flex-wrap:wrap; margin:-11px;
  justify-content:flex-start; align-items:stretch;
}
#kvi-invest-overview .kvx-card{
  width:calc(50% - 22px);
  margin:11px;
  border:1px solid var(--kv-border);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  transition:transform .2s, box-shadow .2s;
}
#kvi-invest-overview .kvx-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
#kvi-invest-overview .kvx-card a{ display:block; text-decoration:none; color:inherit; }
#kvi-invest-overview .kvx-card img{ display:block; width:100%; height:auto; }
#kvi-invest-overview .kvx-pad{ padding:10px 12px; }
#kvi-invest-overview .kvx-title{ margin:0 0 3px; font-size:16px; font-weight:700; color:#2E2E2E; }
#kvi-invest-overview .kvx-caption{ margin:0; font-size:13px; color:#444; }
#kvi-invest-overview .kvx-caption.kvx-muted{ color:#555; }

@media (max-width:760px){
  #kvi-invest-overview .kvx-grid{ margin:0; }
  #kvi-invest-overview .kvx-card{ width:100%; margin:11px 0; }
}

/* Mini-balken/rijen */
#kvi-invest-overview .kvi-rows{ padding:10px 12px 8px; }
#kvi-invest-overview .kvi-row{
  display:grid;
  grid-template-columns:150px 1fr 60px;
  align-items:center;
  gap:10px;
  margin:10px 0;
}
#kvi-invest-overview .kvi-lbl{
  font-size:13px; font-weight:600; color:#2E2E2E;
  text-align:right; white-space:nowrap;
}
#kvi-invest-overview .kvi-rail{
  height:14px; border-radius:7px;
  box-shadow:inset 0 0 0 1px #e6eaed;
  overflow:hidden;
  background:linear-gradient(to right, var(--col,#175f33) 0 var(--pct,0%), #f4f7f5 var(--pct,0%) 100%);
}
#kvi-invest-overview .kvi-pct{ font-size:13px; color:#2E2E2E; text-align:right; white-space:nowrap; }

/* Kolommen (nieuwe bedrijven per jaar) */
#kvi-invest-overview .kvi-cols{ padding:8px 12px 0; border-top:1px solid #f0f3f1; }
#kvi-invest-overview .kvi-cols table{ width:100%; table-layout:fixed; border-collapse:collapse; }
#kvi-invest-overview .kvi-cols td{ height:160px; vertical-align:bottom; text-align:center; padding:0; }
#kvi-invest-overview .kvi-bar{
  display:block; width:18px; margin:0 auto;
  background:#3E8E1A; border-radius:4px;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
#kvi-invest-overview .kvi-cols-x{ display:flex; justify-content:space-between; padding:6px 0 12px; }
#kvi-invest-overview .kvi-cols-x span{ font-size:12px; color:#555; }

/* Donut + legenda */
#kvi-invest-overview .kvi-donut-wrap{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:12px;
  align-items:start;
  padding:12px;
}
#kvi-invest-overview .kvi-donut{
  width:200px; height:200px; border-radius:50%;
  position:relative; justify-self:center;
  background:conic-gradient(#175f33 0 288deg,#2a7e49 288deg 331.2deg,#4ea867 331.2deg 352.8deg,#a9d9b9 352.8deg 360deg);
}
#kvi-invest-overview .kvi-donut:after{
  content:""; position:absolute; inset:26px; border-radius:50%;
  background:#fff; box-shadow:inset 0 0 0 1px #e6eaed;
}
#kvi-invest-overview .kvi-legend{ display:flex; flex-direction:column; gap:6px; margin-top:4px; }
#kvi-invest-overview .kvi-legend-item{ display:flex; align-items:center; gap:10px; font-size:13px; color:#2E2E2E; }
#kvi-invest-overview .kvi-swatch{ width:14px; height:14px; border-radius:3px; border:1px solid #cfd8d3; flex:0 0 14px; }
@media (max-width:760px){ #kvi-invest-overview .kvi-donut-wrap{ grid-template-columns:1fr; } }

/* Bronnen */
#kvi-invest-overview .kv-sources{
  max-width:1120px;
  margin:0 auto;
  padding:8px 2px 18px;
}
#kvi-invest-overview .kv-sources p{
  font-size:12px;
  opacity:.85;
  margin:0;
}
/* Inleiding links uitlijnen */
#kvi-invest-overview .kv-intro{
  text-align: left;
}

/* KVI – tools exact even breed als Kadence content (tiles + accordeons) */
#kvi-broker-top.kvi-shop-root,
#kvi-broker-match.kvi-shop-root{
  max-width: 100%;
}

#kvi-broker-top .kv-wrap,
#kvi-broker-match .kv-wrap{
  max-width: var(--global-content-width, 1200px);
  margin-left: auto;
  margin-right: auto;
}


/* ==============================
   THEMAKLEUREN – KWEVLEESINFO
   ============================== */

/* ALGEMENE CARD / CONTENT STYLING */
.single-post .entry-content,
.wp-block-kadence-posts .post-item {
  padding: 1.75rem;
  border-radius: 14px;
}

/* WITRUIMTE TUSSEN POSTS IN OVERZICHT */
.wp-block-kadence-posts .post-item {
  margin-bottom: 2rem;
}

/* ------------------------------
   INVESTEREN (pastelgroen)
   slug: investeren
-------------------------------- */
.category-investeren .entry-content,
.category-investeren.wp-block-kadence-posts .post-item {
  background-color: #ECF7E8;
}

.category-investeren .post-label,
.category-investeren .entry-meta {
  background-color: #777777;
  color: #ffffff;
}

/* ------------------------------
   VOOR JEZELF / CONSUMENT
   slug: voor-jezelf  (of consument)
-------------------------------- */
.category-voor-jezelf .entry-content,
.category-voor-jezelf.wp-block-kadence-posts .post-item {
  background-color: #FFF4E6;
}

.category-voor-jezelf .post-label,
.category-voor-jezelf .entry-meta {
  background-color: #777777;
  color: #ffffff;
}

/* ------------------------------
   VOOR JE HUISDIER
   slug: voor-je-huisdier
-------------------------------- */
.category-voor-je-huisdier .entry-content,
.category-voor-je-huisdier.wp-block-kadence-posts .post-item {
  background-color: #FFFBE2;
}

.category-voor-je-huisdier .post-label,
.category-voor-je-huisdier .entry-meta {
  background-color: #777777;
  color: #ffffff;
}

/* ------------------------------
   WERK & SECTOR
   slug: werkgelegenheid
-------------------------------- */
.category-werkgelegenheid .entry-content,
.category-werkgelegenheid.wp-block-kadence-posts .post-item {
  background-color: #EAF2F8;
}

.category-werkgelegenheid .post-label,
.category-werkgelegenheid .entry-meta {
  background-color: #777777;
  color: #ffffff;
}

/* ------------------------------
   ALGEMEEN / ACTUEEL
   slug: actueel
-------------------------------- */
.category-actueel .entry-content,
.category-actueel.wp-block-kadence-posts .post-item {background-color:#F3F3F3;
}

.category-actueel .post-label,
.category-actueel .entry-meta {
  background-color: #777777;
  color: #ffffff;
}


/* ==============================
   KAART-STYLING (Kadence Posts / Archief)
================================ */

/* Pak zoveel mogelijk Kadence/WordPress varianten */
.wp-block-kadence-posts article,
.wp-block-kadence-posts .post-item,
.wp-block-kadence-posts .kb-posts-item,
.archive article,
.blog article {
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 32px; /* witruimte tussen berichten */
}

/* Auteur/meta balk altijd grijs */
.wp-block-kadence-posts .entry-meta,
.archive .entry-meta,
.blog .entry-meta,
.single-post .entry-meta {
  background-color: #777777;
  color: #ffffff;
  padding: 6px 10px;
  border-radius: 6px;
  display: inline-block;
}

/* ==============================
   THEMAKLEUREN PER POST (BELANGRIJK: op het ARTICLE zelf)
================================ */

/* Investeren */
.wp-block-kadence-posts article.category-investeren,
.archive article.category-investeren,
.blog article.category-investeren,
.single-post.category-investeren .entry-content {
  background-color: #ECF7E8;
}

/* Voor jezelf */
.wp-block-kadence-posts article.category-voor-jezelf,
.archive article.category-voor-jezelf,
.blog article.category-voor-jezelf,
.single-post.category-voor-jezelf .entry-content {
  background-color: #FFF4E6;
}

/* Voor je huisdier */
.wp-block-kadence-posts article.category-voor-je-huisdier,
.archive article.category-voor-je-huisdier,
.blog article.category-voor-je-huisdier,
.single-post.category-voor-je-huisdier .entry-content {
  background-color: #FFFBE2;
}

/* Werk & sector (slug = werkgelegenheid) */
.wp-block-kadence-posts article.category-werkgelegenheid,
.archive article.category-werkgelegenheid,
.blog article.category-werkgelegenheid,
.single-post.category-werkgelegenheid .entry-content {
  background-color: #EAF2F8;
}

/* Algemeen */
.wp-block-kadence-posts article.category-algemeen,
.archive article.category-algemeen,
.blog article.category-algemeen,
.single-post.category-algemeen .entry-content {
  background-color: #F3F3F3;
}


/* Force white background on mobile header and content */
@media (max-width: 768px) {
  body,
  .site,
  .site-header,
  .site-header-wrap,
  .site-content,
  .content-wrap,
  .entry-content,
  .wp-site-blocks {
    background-color: #ffffff !important;
  }
}


@media (max-width: 768px) {
  .wp-block-columns {
    flex-direction: column;
  }

  .wp-block-columns .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}