/* ============================================================
   v3-sub.css — v3 "Vakwerk"-retheme voor binnenpagina's
   Laden NÁ style.css. Herdefinieert de oude design-tokens en
   kleedt bestaande componenten om naar het v3-systeem.
   ============================================================ */
:root{
  /* oude tokens → v3-palet */
  --blauw:   #16242F;
  --blauw2:  #0A3F48;
  --accent:  #0E5460;
  --accent2: #2A7280;
  --oranje:  #BC4708;
  --oranje2: #D4612A;
  --groen:   #2E7D4F;
  --bg:      #EDF2F2;
  --bg2:     #F2F5F5;
  --grijs:   #F2F5F5;
  --grijs2:  #D9E1E1;
  --border:  #C7D3D4;
  --tekst:   #1C2B36;
  --mid:     #51626E;
  --licht:   #8195A0;
  --r:       10px;
  --r2:      16px;
  --s1:      0 1px 2px rgba(22,36,47,.05),0 6px 24px -8px rgba(22,36,47,.10);
  --s2:      0 2px 4px rgba(22,36,47,.06),0 14px 36px -10px rgba(14,84,96,.22);
}
body{font-family:'IBM Plex Sans',system-ui,sans-serif !important;background:#F2F5F5;color:#1C2B36;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Bricolage Grotesque','IBM Plex Sans',sans-serif !important;letter-spacing:-.015em;line-height:1.12}

/* pagina-hero: wit + inkt i.p.v. donkerblauw verloop */
.pagina-hero,.hero-t5{background:#fff !important;color:#16242F !important;border-bottom:1px solid #D9E1E1;position:relative;padding-top:46px !important;padding-bottom:42px !important}
.pagina-hero::after,.hero-t5::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#DD8A3E 0%,#0E5460 55%,#16242F 100%);pointer-events:none;width:auto;top:auto;border-radius:0}
.pagina-hero h1,.hero-t5 h1{color:#16242F !important}
.pagina-hero p,.hero-t5 .lead{color:#51626E !important}
.breadcrumb,.breadcrumb a{color:#8195A0 !important;font-family:'IBM Plex Mono',monospace;font-size:.74rem}
.badge-rij .pagina-badge,.trust-bar span{background:#EDF2F2 !important;color:#0E5460 !important;border:1px solid #D9E1E1;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:.72rem !important;padding:4px 10px}
.trust-bar{color:#51626E !important}

/* knoppen */
.bol-btn,.btn-main,.btn-oranje,.btn.btn-oranje{background:#BC4708 !important;color:#fff !important;border-radius:10px !important;font-weight:700 !important;box-shadow:none !important}
.bol-btn:hover,.btn-main:hover,.btn-oranje:hover{background:#9A3A06 !important;transform:none !important}
.btn-outline,.btn-outline-sm{border-color:#0E5460 !important;color:#0E5460 !important;border-radius:10px !important}

/* tabellen: kaart-stijl */
.artikel table,.comp-wrap table,.conclusion table{background:#fff;border:1px solid #D9E1E1;border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}
.artikel th,.comp-wrap th,.conclusion th{background:#16242F !important;color:#fff !important;font-family:'IBM Plex Mono',monospace;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.artikel td,.comp-wrap td,.conclusion td{border-color:#EDF2F2 !important}
tr.own-col td,tr.own-col{background:#E2EDEE !important}

/* product-blokken top-5 pagina */
.prod-own{background:#fff !important;border:2px solid #0E5460 !important;box-shadow:0 1px 2px rgba(22,36,47,.05),0 6px 24px -8px rgba(22,36,47,.10) !important}
.prod-own::before{display:none}
.prod-own-badge span{background:#0E5460 !important;border-radius:6px !important}
.prod-own .price{color:#16242F !important;font-family:'Bricolage Grotesque',sans-serif !important}
.prod-aff{background:#fff;border:1px solid #D9E1E1;border-radius:16px;box-shadow:0 1px 2px rgba(22,36,47,.05),0 6px 24px -8px rgba(22,36,47,.10)}
.price-aff{color:#16242F !important;font-family:'Bricolage Grotesque',sans-serif !important}
.quick-specs .qs,.spec-item{font-family:'IBM Plex Mono',monospace !important;background:#F2F5F5 !important;border-radius:6px !important;border-color:#D9E1E1 !important}
.spec-item .spec-val{font-family:'IBM Plex Sans',sans-serif !important}
.decider-card{border-radius:12px !important}
.decider-card .tip{color:#0E5460 !important}
.aspen-box{background:#fff !important;border-color:#0E5460 !important}
.aspen-box::before{background:#0E5460 !important;border-radius:6px !important}
.aspen-specs span{font-family:'IBM Plex Mono',monospace;background:#F2F5F5 !important;border-radius:6px !important}
.keuze-highlight{border-color:#0E5460 !important;background:#E2EDEE !important}
.insight{background:#fff;border:1px solid #D9E1E1;border-radius:12px;padding:20px}
.when-not{background:rgba(188,71,8,.07) !important}
.when-not strong{color:#9A3A06 !important}
.safe-choice{background:rgba(46,125,79,.08) !important}

/* tip-box / artikel */
.tip-box{background:#E2EDEE !important;border-left:3px solid #0E5460 !important;border-radius:0 10px 10px 0}
.artikel a{color:#0E5460}

/* FAQ */
.faq-item{border-radius:10px !important;border:1px solid #D9E1E1 !important;background:#fff}
.faq-icon{color:#0E5460 !important}

/* cta-sectie onderaan pagina's */
.cta-sectie{background:#0E5460 !important}
.cta-sectie h2{color:#fff !important}

/* doorstuur/hero-t5 trust */
.hero-t5 .trust-bar span{background:#EDF2F2 !important}

/* footer-rest die nog uit style.css komt (wordt vervangen door v3-footer markup,
   maar voor de zekerheid) */
footer{background:#16242F !important}

/* prijscheck-meta */
.prijscheck-sub{font-family:'IBM Plex Mono',monospace;font-size:.74rem;color:#8195A0}

/* —— nav-conflictfix: oude style.css-regels (padding/hover-bg/breakpoints)
   grepen op de v3-header; hard neutraliseren —— */
header.v3-header{box-shadow:none !important;border-bottom:1px solid #D9E1E1 !important;z-index:50 !important}
.v3-header nav ul{gap:26px !important}
.v3-header nav ul a{padding:0 !important;background:none !important;border-radius:0 !important;font-size:.88rem !important;transition:color .15s !important}
.v3-header nav ul a:hover{background:none !important;color:#16242F !important}
.v3-header nav ul a.nav-knop{padding:9px 18px !important;border-radius:50px !important;background:#16242F !important;color:#fff !important}
.v3-header nav ul a.nav-knop:hover{background:#0E5460 !important}
@media(max-width:920px){.v3-header .v3-nav{display:none !important}.v3-burger{display:block !important}}
@media(min-width:921px){.v3-header .v3-nav{display:block !important}.v3-header .v3-nav ul{display:flex !important}.v3-burger{display:none !important}}
/* oude mob-nav-offsets overrulen: overlay vanaf top 0, onder de sticky header */
.v3-mobnav.mob-nav{top:0 !important;border-top:0 !important;padding:112px 24px 30px !important;display:none}
.v3-mobnav.mob-nav.open{display:block !important}
/* mob-nav links: zelfde stijl als homepage (geen grijze pills) */
.v3-mobnav.mob-nav a{background:none !important;border-radius:0 !important;border-bottom:1px solid #EDF2F2 !important;padding:11px 4px !important;color:#1C2B36 !important;margin:0 !important;font-size:.95rem !important}