/* Witte pagina-achtergrond — zie inc/wit-achtergrond.php.
   Kaartstijl gelijk aan PDP v2: rand #DFE5EF + zachte schaduw. */
body.kh-wit {
	--kh-wit-rand: #DFE5EF;
	--kh-wit-schaduw: 0 2px 4px rgba(18, 42, 94, .05), 0 12px 28px -16px rgba(18, 42, 94, .28);
	background-color: #fff !important;
}

/* Vlakken in de oude paginakleur (#f8f9fa) vielen weg tegen de achtergrond;
   op wit worden ze ook wit, anders verschijnen er ineens grijze banden. */
body.kh-wit .entry-content .has-background[style*="#f8f9fa" i],
body.kh-wit .entry-content .has-background[style*="248, 249, 250"] { background-color: transparent !important; }

/* Witte en lichte kaarten: rand + schaduw zoals op de PDP. */
body.kh-wit .entry-content .wp-block-group.has-border-color,
body.kh-wit .entry-content .wp-block-column.hover-box {
	border-color: var(--kh-wit-rand) !important;
	box-shadow: var(--kh-wit-schaduw);
}

/* ── Categorie- en merkpagina's (21-10-2026) ─────────────────────────────── */
body.kh-wit.archive .product_cat_dec,
body.kh-wit.archive .product_cat_dec.has-background { background-color: transparent !important; }
body.kh-wit.archive li.product-item,
body.kh-wit.archive .cate_box,
body.kh-wit.archive .category-column {
	border-color: var(--kh-wit-rand) !important;
	box-shadow: var(--kh-wit-schaduw);
}

/* Tabbalk (categorie | populaire merken + subcategorieën): op grijs liep de tabrij
   ongemerkt over in het lichtblauwe vlak eronder; op wit viel hij uiteen in een los
   tabblokje en een hoekige strook. Weer één lichtblauw blok, afgerond. */
body.kh-wit.archive .category-tabs { background: #F5F9FF; border-radius: 4px; overflow: hidden; }
body.kh-wit.archive .category-tabs .tab-nav,
body.kh-wit.archive .category-tabs .tab-nav li,
body.kh-wit.archive .category-tabs .tab-content { background: transparent; }

/* Kruimelpad: thema geeft het blok de oude paginakleur (#f8f9fa). */
body.kh-wit .wc-block-breadcrumbs { background-color: transparent !important; }

/* FAQ onder de categorieomschrijving: elk item één kaart (vraag + uitgeklapt
   antwoord samen), met rand en schaduw zoals de andere kaarten. */
body.kh-wit.archive .product_cat_dec .faq-item {
	background: #fff; border: 1px solid var(--kh-wit-rand); border-radius: 10px;
	box-shadow: var(--kh-wit-schaduw); margin-bottom: 12px; overflow: hidden;
}
body.kh-wit.archive .product_cat_dec .faq-item .faq-question { border: 0 !important; border-radius: 0; margin: 0; }
body.kh-wit.archive .product_cat_dec .faq-item .faq-answer { padding: 0 20px 18px; margin: 0; }

/* ── Kennisbank, blogs, winkelwagen (21-10-2026) ─────────────────────────── */
/* Vlakken met de oude paginakleur ook buiten .entry-content (bv. titelvlak blog). */
body.kh-wit .wp-site-blocks > :not(header):not(footer) .has-background[style*="#f8f9fa" i],
body.kh-wit .wp-site-blocks > :not(header):not(footer) .has-background[style*="248, 249, 250"] { background-color: transparent !important; }
body.kh-wit .child-category-item,
body.kh-wit .category-post-item {
	border-color: var(--kh-wit-rand) !important;
	box-shadow: var(--kh-wit-schaduw);
}
/* Winkelwagen: meldingen, titel, inhoud en kopregel hadden zelf de oude grijze kleur. */
body.kh-wit.woocommerce-cart .wc-block-store-notices,
body.kh-wit.woocommerce-cart .wp-block-post-title,
body.kh-wit.woocommerce-cart .entry-content,
body.kh-wit.woocommerce-cart .cartheaderfull { background-color: transparent !important; }
body.kh-wit.woocommerce-cart .custom-cart-totals-wrapper {
	border: 1px solid var(--kh-wit-rand) !important;
	box-shadow: var(--kh-wit-schaduw) !important;
}

/* Blog: thema-accent (.imgback::before, bovenste helft #F5F9FF achter de uitgelichte
   afbeelding) viel op grijs weg maar oogde op wit als los blauw blok. */
body.kh-wit .imgback::before { display: none; }

/* ── Servicepagina's + varianten van het oude grijs (21-10-2026) ─────────── */
/* Half-doorzichtig grijs (#f7f9fa82, o.a. winkelwagen) ook als achtergrond weg. */
body.kh-wit .wp-site-blocks > :not(header):not(footer) .has-background[style*="#f7f9fa" i] { background-color: transparent !important; }
/* Lichtgrijze infoblokken (#f1f1f1): contactblok in de zijbalk en KVK/BTW-blok.
   Op wit worden het witte kaarten met dezelfde rand en schaduw. */
body.kh-wit .contactblock,
body.kh-wit .wp-site-blocks > :not(header):not(footer) .has-background[style*="#f1f1f1" i] {
	background-color: #fff !important;
	border: 1px solid var(--kh-wit-rand);
	box-shadow: var(--kh-wit-schaduw);
}

/* ── Bron van het meeste grijs: thema css/7.css zet ".is-layout-constrained >
   .alignwide" geforceerd op #f8f9fa !important (titels, kruimelpad, inhoudsvakken,
   afbeeldingen …). Op wit weg; blokken met een eigen achtergrondkleur blijven. */
body.kh-wit .is-layout-constrained > .alignwide:not(.has-background) { background-color: transparent !important; }

/* ── Mijn account (inloggen + ingelogd): blokken met de kaartstijl van de PDP. */
body.kh-wit .account-box,
body.kh-wit .woocommerce-Address,
body.kh-wit .account-card,
body.kh-wit .order-card,
body.kh-wit .downloads-block {
	border: 1px solid var(--kh-wit-rand) !important;
	box-shadow: var(--kh-wit-schaduw) !important;
}
/* Zijmenu stond op het oude grijs: nu een witte kaart. */
body.kh-wit .woocommerce-MyAccount-navigation {
	background: #fff !important;
	border: 1px solid var(--kh-wit-rand);
	border-radius: 10px;
	box-shadow: var(--kh-wit-schaduw);
}

/* Afrekenen (FunnelKit): sectieachtergrond #fafafa → wit. */
body.kh-wit .bwf-section-wrap.bwf-has-bg { background-color: #fff !important; }