/*
 * Kop van een vakgebiedsite (21 oktober 2026). Een labelsite heeft zes menu-items in plaats van vier;
 * daarmee schoof het menu over het logo (gemeten: menu 935 px breed, begon op 319 px terwijl het logo
 * tot 364 px liep). Bij zes of meer items worden letter, tussenruimte en logo kleiner, zodat alles op
 * één regel naast het logo past vanaf 1101 px; daaronder neemt de menuknop het over.
 * Ook de moeder (vier items): op 1101 tot 1279 px raakte het grote startpaginalogo het menu.
 */
@media (min-width: 1101px) and (max-width: 1279px) {
	body.home .site-header:not(.is-scrolled):not(.scrolled) .logo-img--default { height: 84px; }
}
@media (min-width: 1101px) {
	.site-header:has(.nav-list > li:nth-child(6)) .nav-list { gap: clamp(.625rem, 1.1vw, 1rem); }
	.site-header:has(.nav-list > li:nth-child(6)) .nav-list a { font-size: clamp(.9375rem, 1.18vw, 1rem) !important; }
	body.home .site-header:not(.is-scrolled):not(.scrolled):has(.nav-list > li:nth-child(6)) .logo-img--default { height: 84px; }
}
@media (min-width: 1101px) and (max-width: 1359px) {
	.site-header:has(.nav-list > li:nth-child(6)) .logo-img,
	body.home .site-header:not(.is-scrolled):not(.scrolled):has(.nav-list > li:nth-child(6)) .logo-img--default { height: 66px; }
	.site-header:has(.nav-list > li:nth-child(6)) .main-nav { margin-right: 1rem !important; }
}

/* Dochterlogo zo groot als naast het menu past (wens Wilmar 22 oktober 2026: "groter, tot het past").
   Gemeten op retail: ruimte tot 84 px op 1101 px, 132 px op 1280 px en 120 px vanaf 1360 px. Glijdend
   met een marge van ongeveer 4 px; ingeklapt bij scrollen blijft de kleinere maat gelden. */
@media (min-width: 1101px) {
	.site-header:not(.is-scrolled):not(.scrolled):has(.nav-list > li:nth-child(6)) .logo-img,
	body.home .site-header:not(.is-scrolled):not(.scrolled):has(.nav-list > li:nth-child(6)) .logo-img--default { height: clamp(80px, calc(80px + (100vw - 1101px) * .2), 116px) !important; }
}
