/* T4 (bd-dmki.5): navigatie site-breed. Geladen door inc/navigatie.php. */

/* B3: tikvlak van menu en zoeken in de mobiele header minstens 44×44 px [WCAG 2.2 2.5.8, Practical UI p.21]. Een
   onzichtbaar vlak (::after) rond de knop, zodat de iconen en de afstanden in de header niet verschuiven. Blocksy zet
   de ruimte tussen de knoppen met marges; die blijven staan. */
header [data-device="mobile"] .ct-header-trigger,
header [data-device="mobile"] .ct-header-search {
	position: relative;
}
header [data-device="mobile"] .ct-header-trigger::after,
header [data-device="mobile"] .ct-header-search::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: max(100%, 44px);
	height: max(100%, 44px);
	transform: translate(-50%, -50%);
}

/* B7: op productpagina's het kruimelpad zonder de producttitel (die staat er direct onder, als H1) en in gewone
   letters, zodat bijvoorbeeld "mAh" klopt. Alleen verborgen: de microdata (BreadcrumbList) houdt het volledige pad. */
.single-product nav.ct-breadcrumbs,
.single-product nav.ct-breadcrumbs * {
	text-transform: none;
}
.single-product nav.ct-breadcrumbs > .last-item,
.single-product nav.ct-breadcrumbs > :has(+ .last-item) > .ct-separator {
	display: none;
}