/*
Theme Name: Vaarbewijs Academie – winkelintegratie
Theme URI: https://vaarbewijsacademie.nl/
Author: Vaarbewijs Academie
Description: Childthema dat de bestaande website behoudt en de standaard WooCommerce-productweergave toevoegt.
Template: vaarbewijs-academie
Version: 1.2.6
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: vaarbewijs-academie-winkel
*/

/* The original site's design tokens remain the single source of colours. */
.woocommerce-page .entry { max-width: 1100px; }
.vba-shop { padding-block: 40px; }
.vba-shop .woocommerce-breadcrumb { margin-bottom: 24px; color: var(--muted); }
.vba-shop .product_title { line-height: 1.2; letter-spacing: -.025em; }
.vba-shop .summary .price,
.vba-shop .woocommerce-Price-amount { color: var(--navy); font-weight: 800; }
.vba-shop .summary .price { font-size: 1.6rem; }
.vba-shop .woocommerce-product-gallery img { border-radius: var(--radius); }
.vba-shop .product_meta { color: var(--muted); font-size: .9rem; }

/* Classic WooCommerce, enrollment shortcuts, cart and checkout blocks. */
.entry .woocommerce a.button,
.entry .woocommerce button.button,
.entry .woocommerce input.button,
.vba-shop a.button,
.vba-shop button.button,
.entry .add_to_cart_inline a.button,
.entry .vba-enrollment-frame a.button,
.woocommerce-page .entry .wc-block-components-button.contained,
.woocommerce-page .entry .wc-block-cart__submit-button,
.woocommerce-page .entry .wc-block-components-checkout-place-order-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 49px; padding: 12px 22px;
  border: 1px solid transparent; border-radius: 999px;
  background: var(--orange) !important; color: var(--ink) !important;
  font: inherit; font-weight: 800; line-height: 1.35;
  text-align: center; text-decoration: none; box-shadow: none;
  white-space: normal; cursor: pointer;
}
.entry .woocommerce a.button:hover,
.entry .woocommerce button.button:hover,
.vba-shop a.button:hover,
.vba-shop button.button:hover,
.entry .add_to_cart_inline a.button:hover,
.entry .vba-enrollment-frame a.button:hover,
.woocommerce-page .entry .wc-block-components-button.contained:hover {
  background: #ffc096 !important; color: var(--ink) !important;
}
.entry .wc-block-components-button__text { color: inherit; }
.entry .woocommerce a.button:focus-visible,
.entry .woocommerce button.button:focus-visible,
.vba-shop button.button:focus-visible,
.entry .add_to_cart_inline a.button:focus-visible,
.entry .wc-block-components-button:focus-visible {
  outline: 3px solid var(--blue); outline-offset: 3px;
}
.entry .woocommerce button.button:disabled,
.vba-shop button.button:disabled,
.entry .wc-block-components-button:disabled,
.entry .wc-block-components-button[aria-disabled="true"] {
  opacity: .55; cursor: not-allowed;
}

/* Keep WooCommerce's label positioning, validation and payment behaviour. */
.woocommerce-page .entry input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
.woocommerce-page .entry select,
.woocommerce-page .entry textarea {
  font-family: inherit; font-size: 16px; color: var(--ink);
  border-color: var(--line); border-radius: 12px;
  background-color: #fff; min-height: 49px;
}
.woocommerce-page .entry input:focus-visible,
.woocommerce-page .entry select:focus-visible,
.woocommerce-page .entry textarea:focus-visible {
  outline: 2px solid var(--blue); outline-offset: 2px;
}
.entry .wc-block-components-text-input label,
.entry .wc-blocks-components-select__label { color: var(--muted); }
.entry .wc-blocks-components-select__container { border-radius: 12px; }
.entry .wc-block-components-checkbox__input { accent-color: var(--blue); }
.entry .wc-block-components-text-input.has-error input { border-color: #9f3c2e; }

/* Summary cards and titles match the existing enrollment/course panels. */
.entry .wc-block-components-sidebar {
  background: var(--foam); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 24px;
}
.entry .wc-block-cart__totals-title,
.entry .wc-block-components-checkout-step__title,
.entry .wc-block-components-checkout-order-summary__title-text {
  color: var(--navy); font-size: 1.15rem; font-weight: 800;
  line-height: 1.3; text-transform: none;
}
.entry .wc-block-components-product-name { color: var(--blue); font-weight: 750; }
.entry .wc-block-components-totals-footer-item { color: var(--navy); font-weight: 800; }
.entry .wc-block-components-totals-wrapper,
.entry .wc-block-cart-items td { border-color: var(--line); }
.entry .wc-block-cart-item__image img,
.entry .wc-block-components-order-summary-item__image img { border-radius: 10px; }
.entry .wc-block-components-checkout-step { margin-bottom: 24px; }
.entry .wc-block-cart-item__remove-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }

/* Product description tabs, messages and account tables. */
.vba-shop div.product .woocommerce-tabs ul.tabs { padding-left: 0; }
.vba-shop div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid var(--line); border-radius: 12px 12px 0 0;
  background: var(--foam); margin-right: 6px;
}
.vba-shop div.product .woocommerce-tabs ul.tabs li::before,
.vba-shop div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.vba-shop div.product .woocommerce-tabs ul.tabs li a { color: var(--navy); padding: 12px 4px; }
.vba-shop div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff; border-top: 3px solid var(--orange);
}
.entry .woocommerce-message,
.entry .woocommerce-info {
  background: var(--foam); color: var(--ink); border-top-color: var(--blue);
  border-radius: 12px;
}
.entry .woocommerce-message::before,
.entry .woocommerce-info::before { color: var(--blue); }
.entry .woocommerce-error { border-radius: 12px; }
.entry .woocommerce table.shop_table { border-color: var(--line); border-radius: 12px; }
.entry .woocommerce-MyAccount-navigation ul { list-style: none; padding-left: 0; }
.entry .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 10px; }
.entry .woocommerce-MyAccount-navigation .is-active a { background: var(--sea); font-weight: 800; }

@media (max-width: 780px) {
  .vba-shop div.product div.images,
  .vba-shop div.product div.summary { float: none; width: 100%; }
  .vba-shop div.product div.images { max-width: 460px; margin-inline: auto; }
  .entry .wc-block-components-sidebar { padding: 20px; }
}
@media (max-width: 600px) {
  .woocommerce-page .entry { max-width: none; }
  .vba-shop { padding-block: 28px; }
  .entry .vba-enrollment-frame .add_to_cart_button,
  .vba-shop .single_add_to_cart_button { width: 100%; }
  .entry .wc-block-components-sidebar { padding: 18px 16px; }
  .vba-shop div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 6px; }
  .vba-shop div.product .woocommerce-tabs ul.tabs li { margin: 0; }
}
/* Technical SKU/category metadata adds no useful choice to the course offer. */
.vba-shop .product_meta { display: none; }


/* Visuele verfijning 2026-10-20: rustiger, menselijker en minder sjabloonachtig. */
:root{--radius:12px}
.button,
.entry .woocommerce a.button,
.entry .woocommerce button.button,
.entry .woocommerce input.button,
.vba-shop a.button,
.vba-shop button.button,
.entry .add_to_cart_inline a.button,
.entry .vba-enrollment-frame a.button,
.woocommerce-page .entry .wc-block-components-button.contained,
.woocommerce-page .entry .wc-block-cart__submit-button,
.woocommerce-page .entry .wc-block-components-checkout-place-order-button{
  border-radius:10px!important;
  padding-inline:20px;
  box-shadow:none!important;
  letter-spacing:0;
}
.button:hover{transform:none}
.nav-links .nav-cta,.mobile-menu summary{border-radius:8px}
.mobile-menu-links{border-radius:10px}
.mobile-menu-links a{border-radius:6px}

.vbf-hero{background:linear-gradient(115deg,#0b2638 0%,#103d4c 100%)}
.vbf-hero-grid{padding-block:62px;min-height:520px}
.vbf-hero h1{font-size:clamp(2.5rem,4.6vw,4.15rem);letter-spacing:-.03em;max-width:700px}
.vbf-hero p{font-size:1.06rem}
.vbf-hero-art .compass{width:250px;box-shadow:none;opacity:.82}
.vbf-section{padding:56px 0}
.vbf-kicker{font-size:.71rem;letter-spacing:.08em;margin-bottom:10px}
.vba-funnel h1,.vba-funnel h2,.vba-funnel h3{letter-spacing:-.025em}
.vba-funnel h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.vbf-proof{justify-content:flex-start;gap:10px 34px;padding-block:18px}
.vbf-preview{padding:8px;border-radius:10px}
.vbf-preview-crop{border-radius:6px}
.vbf-offers{background:#edf3f1}
.vbf-cards{gap:18px}
.vbf-card{border-radius:12px;padding:26px;box-shadow:none}
.vbf-card-featured{box-shadow:none}
.vbf-badge,
.vbf-card-featured .vbf-badge{
  border-radius:0;
  padding:0;
  background:transparent;
  color:var(--blue);
  letter-spacing:.06em;
  margin-bottom:14px;
}
.vbf-price{font-size:2.55rem;letter-spacing:-.04em}
.vbf-trust-grid ul{gap:0 24px}
.vbf-trust-grid li{
  padding:15px 0;
  background:transparent;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
}
.vbf-final{background:#dfeceb}
.vbf-mobile-cta a{border-radius:10px}
.entry,.entry .wc-block-components-sidebar,
.entry .woocommerce-message,.entry .woocommerce-info,
.entry .woocommerce-error,.entry .woocommerce table.shop_table{border-radius:10px}
.vba-shop .woocommerce-product-gallery img{border-radius:10px}

@media(max-width:600px){
  .vbf-section{padding:34px 0}
  .vbf-hero-grid{padding-block:30px 32px}
  .vbf-hero h1{font-size:1.95rem;line-height:1.14;letter-spacing:-.025em;margin-bottom:16px}
  .vbf-hero p{line-height:1.55}
  .vbf-kicker{font-size:.65rem;letter-spacing:.06em;margin-bottom:9px}
  .vba-funnel h2{font-size:1.55rem;line-height:1.22}
  .vbf-proof{display:grid;grid-template-columns:1fr;gap:5px;padding:13px 16px;font-size:.75rem}
  .vbf-trial-grid{gap:20px}
  .vbf-preview{border-radius:8px}
  .vbf-card{padding:20px;border-radius:10px}
  .vbf-card h3{font-size:1.22rem}
  .vbf-price{font-size:2.35rem}
  .vbf-card .button{min-height:48px}
  .vbf-trust-grid ul{grid-template-columns:1fr}
  .vbf-trust-grid li{padding:12px 0}
  .vbf-final{padding:32px 0}
  .vbf-final h2{font-size:1.48rem}
  .vbf-mobile-cta{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 12px #0b263812}
  .vbf-mobile-cta a{min-height:46px;padding:10px 16px}
}


/* Homepage-cascade: hogere specificiteit dan de ingesloten funnelstijl. */
.home .vba-funnel .vbf-hero{background:linear-gradient(115deg,#0b2638 0%,#103d4c 100%)}
.home .vba-funnel .vbf-hero-grid{padding-block:62px;min-height:520px}
.home .vba-funnel .vbf-hero h1{font-size:clamp(2.5rem,4.6vw,4.15rem);letter-spacing:-.03em;max-width:700px}
.home .vba-funnel .vbf-hero p{font-size:1.06rem}
.home .vba-funnel .vbf-hero-art .compass{width:250px;box-shadow:none;opacity:.82}
.home .vba-funnel .vbf-section{padding:56px 0}
.home .vba-funnel .vbf-kicker{font-size:.71rem;letter-spacing:.08em;margin-bottom:10px}
.home .vba-funnel h1,.home .vba-funnel h2,.home .vba-funnel h3{letter-spacing:-.025em}
.home .vba-funnel h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.home .vba-funnel .vbf-proof{justify-content:flex-start;gap:10px 34px;padding-block:18px}
.home .vba-funnel .vbf-preview{padding:8px;border-radius:10px}
.home .vba-funnel .vbf-preview-crop{border-radius:6px}
.home .vba-funnel .vbf-offers{background:#edf3f1}
.home .vba-funnel .vbf-cards{gap:18px}
.home .vba-funnel .vbf-card{border-radius:12px;padding:26px;box-shadow:none}
.home .vba-funnel .vbf-card-featured{box-shadow:none}
.home .vba-funnel .vbf-badge,
.home .vba-funnel .vbf-card-featured .vbf-badge{border-radius:0;padding:0;background:transparent;color:var(--blue);letter-spacing:.06em;margin-bottom:14px}
.home .vba-funnel .vbf-price{font-size:2.55rem;letter-spacing:-.04em}
.home .vba-funnel .vbf-trust-grid ul{gap:0 24px}
.home .vba-funnel .vbf-trust-grid li{padding:15px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.home .vba-funnel .vbf-final{background:#dfeceb}
.home .vba-funnel .vbf-mobile-cta a{border-radius:10px}
@media(max-width:600px){
  .home .vba-funnel .vbf-section{padding:34px 0}
  .home .vba-funnel .vbf-hero-grid{padding-block:30px 32px}
  .home .vba-funnel .vbf-hero h1{font-size:1.95rem;line-height:1.14;letter-spacing:-.025em;margin-bottom:16px}
  .home .vba-funnel .vbf-hero p{line-height:1.55}
  .home .vba-funnel .vbf-kicker{font-size:.65rem;letter-spacing:.06em;margin-bottom:9px}
  .home .vba-funnel h2{font-size:1.55rem;line-height:1.22}
  .home .vba-funnel .vbf-proof{display:grid;grid-template-columns:1fr;gap:5px;padding:13px 16px;font-size:.75rem}
  .home .vba-funnel .vbf-trial-grid{gap:20px}
  .home .vba-funnel .vbf-preview{border-radius:8px}
  .home .vba-funnel .vbf-card{padding:20px;border-radius:10px}
  .home .vba-funnel .vbf-card h3{font-size:1.22rem}
  .home .vba-funnel .vbf-price{font-size:2.35rem}
  .home .vba-funnel .vbf-card .button{min-height:48px}
  .home .vba-funnel .vbf-trust-grid ul{grid-template-columns:1fr}
  .home .vba-funnel .vbf-trust-grid li{padding:12px 0}
  .home .vba-funnel .vbf-final{padding:32px 0}
  .home .vba-funnel .vbf-final h2{font-size:1.48rem}
  .home .vba-funnel .vbf-mobile-cta{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 12px #0b263812}
  .home .vba-funnel .vbf-mobile-cta a{min-height:46px;padding:10px 16px}
}

/* Mobiele verkooproute 2026-10-21: koopactie zichtbaar en checkout compacter. */
@media (max-width: 600px) {
  body.single-product .vba-shop form.cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    width: auto;
    margin: 0;
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid var(--line);
    box-shadow: 0 -2px 12px #0b263812;
  }
  body.single-product .vba-shop form.cart .single_add_to_cart_button {
    float: none;
    display: flex;
    width: 100%;
    max-width: 420px;
    min-height: 50px;
    margin: 0 auto;
    justify-content: center;
  }
  body.single-product .site-footer {
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  }
  body.woocommerce-checkout .vba-checkout-intro {
    padding: 16px;
    margin-bottom: 18px;
  }
  body.woocommerce-checkout .vba-checkout-intro details {
    margin-top: 10px;
  }
  body.woocommerce-checkout .vba-checkout-help {
    margin-top: 10px;
  }
}


/* Artikelweergave */
body.single-post .entry{max-width:820px;margin:52px auto 68px;padding:clamp(28px,5vw,54px);border:1px solid var(--line);box-shadow:0 12px 30px rgba(23,68,69,.06)}
body.single-post .entry>h1{margin:0 0 12px;color:var(--blue);font-size:.74rem;line-height:1.25;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
body.single-post .entry>article>h2:first-child{margin:0 0 24px;color:var(--navy);font-size:clamp(2rem,4.3vw,3.25rem);line-height:1.12;letter-spacing:-.035em}
body.single-post .entry>article>h2:first-child a{color:inherit;text-decoration:none}
body.single-post .entry article{color:var(--ink);font-size:1.06rem}
body.single-post .entry article h2{margin:2.1em 0 .72em;color:var(--navy);font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.27}
body.single-post .entry article ul{padding:1.25em 1.4em 1.25em 2.25em;border-left:3px solid var(--orange);background:var(--foam)}
@media(max-width:600px){body.single-post .entry{margin:0;padding:30px 18px 46px;border:0;border-radius:0;box-shadow:none}body.single-post .entry>article>h2:first-child{font-size:2rem}body.single-post .entry article{font-size:1rem;line-height:1.72}}


/* SEO-hiërarchie en rustige cursusdoorstroom voor artikelen. */
body.single-post .entry > article > h1{
  margin:0 0 24px;color:var(--navy);font-size:clamp(2rem,4.3vw,3.25rem);
  line-height:1.12;letter-spacing:-.035em;
}
body.single-post .entry > article > h2:first-child{
  margin:2.1em 0 .72em;color:var(--navy);font-size:clamp(1.35rem,2.5vw,1.75rem);
  line-height:1.27;letter-spacing:-.018em;
}
body.single-post .vba-article-cta{
  margin-top:3rem;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--foam);
}
body.single-post .vba-article-cta-kicker{
  margin:0 0 6px;color:var(--blue);font-size:.74rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;
}
body.single-post .vba-article-cta h2{
  margin:.1em 0 .45em;color:var(--navy);font-size:clamp(1.35rem,2.3vw,1.7rem);line-height:1.25;
}
body.single-post .vba-article-cta p{margin:.65em 0}
body.single-post .vba-article-cta .button{margin-top:.55rem;background:var(--orange);color:var(--ink)}
@media(max-width:600px){
  body.single-post .entry > article > h1{font-size:2rem;line-height:1.14}
  body.single-post .vba-article-cta{margin-top:2.5rem;padding:22px 18px}
  body.single-post .vba-article-cta .button{width:100%}
}

/* Mobiel: artikelen rustig, scanbaar en duidelijk leesbaar. */
@media (max-width: 600px) {
  body.single-post .entry {
    padding: 26px 18px 42px;
  }
  body.single-post .entry > article > h1 {
    margin-bottom: 16px;
    font-size: 1.82rem;
    line-height: 1.16;
  }
  body.single-post .entry article > p:first-of-type {
    margin: 0 0 24px;
    color: var(--navy);
    font-size: 1.08rem;
    font-weight: 650;
    line-height: 1.55;
  }
  body.single-post .entry article p {
    margin: 0 0 1.15rem;
  }
  body.single-post .entry article h2 {
    margin: 2rem 0 .65rem;
    font-size: 1.35rem;
    line-height: 1.25;
  }
  body.single-post .entry article ul {
    margin: 1.25rem 0;
    padding: 1rem 1rem 1rem 1.85rem;
    line-height: 1.58;
  }
  body.single-post .entry article li + li {
    margin-top: .55rem;
  }
  body.single-post .entry article a:not(.button) {
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
  }
  body.single-post .vba-article-cta {
    margin-top: 2.25rem;
    padding: 20px 18px;
  }
  body.single-post .vba-article-cta h2 {
    font-size: 1.4rem;
  }
  body.single-post .vba-article-cta .button {
    min-height: 50px;
  }
}

/* Mobiel: informatiepagina’s krijgen dezelfde rustige leeslijn als artikelen. */
@media (max-width: 600px) {
  body.page-id-2138 .entry, body.page-id-2140 .entry, body.page-id-2142 .entry { max-width:none; margin:0; padding:26px 18px 42px; border:0; border-radius:0; box-shadow:none; }
  body.page-id-2138 .entry > h1, body.page-id-2140 .entry > h1, body.page-id-2142 .entry > h1 { margin:0 0 16px; color:var(--navy); font-size:1.82rem; line-height:1.16; letter-spacing:-.03em; }
  body.page-id-2138 .entry p, body.page-id-2140 .entry p, body.page-id-2142 .entry p { margin:0 0 1.15rem; font-size:1rem !important; line-height:1.7 !important; }
  body.page-id-2138 .entry > p:first-of-type, body.page-id-2140 .entry > p:first-of-type, body.page-id-2142 .entry > p:first-of-type { margin-bottom:24px; color:var(--navy); font-size:1.08rem !important; font-weight:650; line-height:1.55 !important; }
  body.page-id-2138 .entry h2, body.page-id-2140 .entry h2, body.page-id-2142 .entry h2 { margin:2rem 0 .65rem; color:var(--navy); font-size:1.35rem; line-height:1.25; }
  body.page-id-2138 .entry h3, body.page-id-2140 .entry h3, body.page-id-2142 .entry h3 { margin:1.55rem 0 .45rem; color:var(--navy); font-size:1.12rem; line-height:1.3; }
  body.page-id-2138 .entry ul, body.page-id-2140 .entry ul, body.page-id-2142 .entry ul { margin:1.2rem 0; padding:1rem 1rem 1rem 1.8rem; background:var(--foam); line-height:1.58; }
  body.page-id-2138 .entry li + li, body.page-id-2140 .entry li + li, body.page-id-2142 .entry li + li { margin-top:.55rem; }
  body.page-id-2138 .entry table, body.page-id-2140 .entry table, body.page-id-2142 .entry table { display:block; max-width:100%; overflow-x:auto; font-size:.9rem; }
  .site-header .nav { min-height:68px; padding:10px 18px; }
  .site-header .brand { gap:10px; font-size:1.13rem; line-height:1.1; }
  .site-header .brand-mark { width:40px; height:40px; }
  .mobile-menu summary { min-height:46px; padding:10px 16px; font-size:1rem; line-height:1.2; }
  .mobile-menu-links { padding:10px; }
  .mobile-menu-links a { min-height:46px; padding:12px 14px; }
  .mobile-menu-links a.nav-cta { margin-top:6px; }
}


/* Vaarbewijskennis: rustig overzicht, sterke interne links en mobiel één kolom. */
body.page-id-2172 .entry{max-width:1040px;margin:52px auto 72px;padding:clamp(30px,5vw,56px);border:1px solid var(--line);box-shadow:0 12px 30px rgba(23,68,69,.06)}
body.page-id-2172 .entry>h1{max-width:850px;margin:0 0 20px;color:var(--navy);font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.1;letter-spacing:-.04em}
.vba-knowledge{font-size:1.04rem}
.vba-knowledge-intro{max-width:760px;margin:0 0 28px;color:var(--muted);font-size:1.15rem;line-height:1.65}
.vba-knowledge-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 46px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vba-knowledge-jump a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;color:var(--blue);font-weight:750;text-decoration:none;background:var(--foam)}
.vba-knowledge-jump a:hover{background:var(--sea)}
.vba-knowledge section{scroll-margin-top:24px;margin:0 0 52px}
.vba-knowledge section h2{margin:0 0 10px;color:var(--navy);font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.22;letter-spacing:-.025em}
.vba-knowledge section>p{max-width:740px;margin:0 0 22px;color:var(--muted)}
.vba-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vba-knowledge-card{display:flex;flex-direction:column;gap:8px;min-height:148px;padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .18s,background .18s}
.vba-knowledge-card strong{color:var(--navy);font-size:1.12rem;line-height:1.35}
.vba-knowledge-card span{color:var(--muted);line-height:1.6}
.vba-knowledge-card:hover{border-color:#8cb7b3;background:var(--foam)}
.vba-knowledge-cta{margin-top:12px;padding:32px;border-radius:12px;background:var(--deep);color:#e7f2f1}
.vba-knowledge-cta h2{margin:0 0 10px;color:#fff;font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.2}
.vba-knowledge-cta p{margin:.7rem 0}
.vba-knowledge-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;margin-top:8px;padding:12px 20px;border-radius:10px;background:var(--orange);color:var(--ink)!important;font-weight:800;text-decoration:none}
.vba-knowledge-button:hover{background:#ffc096}
.vba-knowledge-small{font-size:.92rem}.vba-knowledge-small a{color:#d9ecea!important;text-underline-offset:4px}
@media(max-width:600px){
  body.page-id-2172 .entry{max-width:none;width:100%;margin:0;padding:28px 18px 44px;border:0;border-radius:0;box-shadow:none}
  body.page-id-2172 .entry>h1{margin-bottom:14px;font-size:1.9rem;line-height:1.14}
  .vba-knowledge{font-size:1rem}
  .vba-knowledge-intro{margin-bottom:22px;font-size:1.06rem;line-height:1.58}
  .vba-knowledge-jump{display:grid;gap:0;margin-bottom:34px;padding:8px 0}
  .vba-knowledge-jump a{min-height:46px;padding:11px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-decoration:underline;text-underline-offset:4px}
  .vba-knowledge section{margin-bottom:38px}
  .vba-knowledge section h2{font-size:1.45rem}
  .vba-knowledge-grid{grid-template-columns:1fr;gap:12px}
  .vba-knowledge-card{min-height:0;padding:18px;border-radius:10px}
  .vba-knowledge-cta{padding:24px 18px}
  .vba-knowledge-button{width:100%;min-height:50px}
}


/* Mobiele kennisbank verfijning 2026-10-22: compacter en sneller scanbaar. */
@media (max-width:600px){
  .site-header .nav{min-height:62px;padding:8px 16px}
  .site-header .brand{font-size:.92rem;gap:8px;white-space:nowrap;line-height:1}
  .site-header .brand-mark{width:34px;height:34px;flex:0 0 34px;font-size:18px}
  .mobile-menu summary{min-width:76px;min-height:44px;padding:9px 13px;font-size:.92rem}
  body.page-id-2172 .entry{padding:22px 18px 38px}
  body.page-id-2172 .entry>h1{font-size:1.72rem;line-height:1.13;margin-bottom:12px}
  .vba-knowledge-intro{font-size:1rem;line-height:1.55;margin-bottom:18px}
  .vba-knowledge-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:28px;padding:10px 0}
  .vba-knowledge-jump a{min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--foam);font-size:.86rem;text-decoration:none;justify-content:center;text-align:center;line-height:1.25}
  .vba-knowledge-jump a:last-child{grid-column:1/-1}
  .vba-knowledge section{margin-bottom:30px}
  .vba-knowledge section h2{font-size:1.32rem;margin-bottom:7px}
  .vba-knowledge section>p{margin-bottom:16px;line-height:1.55}
  .vba-knowledge-grid{gap:10px}
  .vba-knowledge-card{padding:15px 16px;gap:5px;border-radius:9px}
  .vba-knowledge-card strong{font-size:1rem;line-height:1.3}
  .vba-knowledge-card span{font-size:.92rem;line-height:1.48}
  .vba-knowledge-cta{padding:22px 18px}
}
@media(max-width:370px){
  .site-header .brand{font-size:.84rem}
  .site-header .brand-mark{width:32px;height:32px;flex-basis:32px}
}


/* Footer 2026-10-22: duidelijke hiërarchie op desktop en mobiel. */
.site-footer{padding:0!important}
.site-footer .vba-footer{padding:44px 24px 20px}
.vba-footer-top{display:grid;grid-template-columns:1.3fr .75fr 1fr;gap:48px;align-items:start}
.vba-footer-brand p{max-width:250px;margin:12px 0 0;color:#b8ccce;font-size:.92rem;line-height:1.55}
.vba-footer-logo{display:inline-flex;align-items:center;gap:11px;color:#fff!important;font-size:1.12rem;font-weight:850;line-height:1.2;text-decoration:none!important}
.vba-footer-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid var(--orange);border-radius:50%;color:#fff;font-size:.95rem}
.vba-footer-nav h2,.vba-footer-help summary{margin:0 0 14px;color:#fff;font-size:.76rem;font-weight:850;line-height:1.3;letter-spacing:.09em;text-transform:uppercase}
.vba-footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.vba-footer-nav a,.vba-footer-help-links a{display:block;width:fit-content;color:#dce9e9!important;font-size:.88rem;line-height:1.45;text-decoration:none!important}
.vba-footer-nav a:hover,.vba-footer-help-links a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
.vba-footer-nav a:focus-visible,.vba-footer-help summary:focus-visible,.vba-footer-help-links a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.vba-footer-help summary{list-style:none;cursor:default}
.vba-footer-help summary::-webkit-details-marker{display:none}
.vba-footer-help-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px}
.vba-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#9fb6b9;font-size:.74rem;line-height:1.4}
@media(max-width:760px){
  .vba-footer-top{grid-template-columns:1fr 1fr;gap:30px}
  .vba-footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
  .site-footer .vba-footer{padding:26px 18px 17px}
  .vba-footer-top{display:block}
  .vba-footer-brand{margin:0 0 21px;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.16)}
  .vba-footer-logo{font-size:1rem}
  .vba-footer-mark{width:31px;height:31px}
  .vba-footer-brand p{margin-top:8px;font-size:.82rem}
  .vba-footer-nav{gap:0;margin-bottom:16px}
  .vba-footer-nav h2{margin-bottom:6px}
  .vba-footer-nav a{width:100%;padding:7px 0;font-size:.86rem}
  .vba-footer-help{border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
  .vba-footer-help summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin:0;cursor:pointer}
  .vba-footer-help summary::after{content:'+';font-size:1.15rem;font-weight:500;line-height:1}
  .vba-footer-help[open] summary::after{content:'–'}
  .vba-footer-help-links{grid-template-columns:1fr;gap:0;padding:0 0 12px}
  .vba-footer-help-links a{width:100%;padding:7px 0;font-size:.82rem}
  .vba-footer-bottom{flex-direction:column;gap:3px;margin-top:16px;padding-top:0;border-top:0;font-size:.7rem}
}

/* Voorkom horizontale overloop van de homepage-hero op smalle schermen. */
@media (max-width:600px){.home .vba-funnel .vbf-hero-grid{grid-template-columns:minmax(0,1fr)}.home .vba-funnel .vbf-hero-grid>div{min-width:0}.home .vba-funnel .vbf-hero .vbf-note{white-space:normal}}

/* Houd cookiekeuzes op mobiel compact en gelijk bereikbaar. */
@media (max-width:600px){
  #cmplz-cookiebanner-1-optin.cmplz-cookiebanner{padding:8px 16px;max-height:90vh;overflow-y:auto}
  #cmplz-cookiebanner-1-optin .cmplz-divider{margin:2px -16px!important}
  #cmplz-cookiebanner-1-optin .cmplz-buttons{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}
  #cmplz-cookiebanner-1-optin .cmplz-buttons .cmplz-accept,
  #cmplz-cookiebanner-1-optin .cmplz-buttons .cmplz-deny{flex:1 1 calc(50% - 4px)!important;min-width:0;min-height:44px}
  #cmplz-cookiebanner-1-optin .cmplz-buttons .cmplz-view-preferences{flex:1 1 100%!important;min-height:44px}
}

/* Mobiele links: comfortabel aantikken zonder de huisstijl te veranderen. */
@media (max-width:600px){
  .home .vba-funnel .vbf-hero .vbf-buy-link.vbf-button-outline{min-height:44px;align-items:center;justify-content:center;padding:8px 0;font-size:.875rem}
  .site-footer .vba-footer-nav a,.site-footer .vba-footer-help-links a{min-height:44px;display:flex;align-items:center}
}