/* 0.8.5 (28 okt 2026): menu past altijd tussen logo en iconen, ook met de seizoenskop Cadeaus. */
@media (min-width: 993px) and (max-width: 1365px) {
	html body.wcw-menu-nieuw.wcw-header #menu-hoofdmenu > li.wcw-mm-klant { display: none !important; }
}
@media (min-width: 1025px) and (max-width: 1099px) {
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top,
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top > span { font-size: 13px !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { padding-left: clamp(3px, calc((100vw - 927px) / 14), 8px) !important; padding-right: clamp(3px, calc((100vw - 927px) / 14), 8px) !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (min-width: 1100px) and (max-width: 1209px) {
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { padding-left: clamp(3px, calc((100vw - 997px) / 16), 10px) !important; padding-right: clamp(3px, calc((100vw - 997px) / 16), 10px) !important; }
}
@media (min-width: 1210px) and (max-width: 1365px) {
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { padding-left: clamp(3px, calc((100vw - 1160px) / 16), 12px) !important; padding-right: clamp(3px, calc((100vw - 1160px) / 16), 12px) !important; }
}
@media (min-width: 1366px) {
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { padding-left: clamp(4px, calc((100vw - 1300px) / 18), 13px) !important; padding-right: clamp(4px, calc((100vw - 1300px) / 18), 13px) !important; }
}
/* 993-1024 (iPad liggend): het menu staat hier bewust op een eigen regel onder het logo (header.css). Het thema gaf de koppen
   daar 18px en 18px marge, waardoor de regel brak. Nu 14px op één regel, Klantfoto's en FAQ blijven hier weg (de regel is ±800px). */
@layer wallcatcher {
@media (min-width: 993px) and (max-width: 1024px) {
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top,
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top > span { font-size: 14px !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li { margin-left: 0 !important; margin-right: 0 !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { padding-left: 7px !important; padding-right: 7px !important; }
}
}
/* 28 okt (2): kopbalk op 993-1024 vanaf de bovenrand (geen schaduwband erboven), logo op één lijn met menu en iconen
   op 1025-1209, en geen dubbele streep onder het laatste menu-item op telefoon en tablet. */
@layer wallcatcher {
@media (min-width: 993px) and (max-width: 1024px) {
	html body.wcw-header #masthead { top: 0 !important; padding-top: 53px !important; }
	html body.wcw-header .wcw-iconen--desktop { top: 21px !important; }
}
@media (min-width: 1025px) and (max-width: 1209px) {
	html body.wcw-header .custom-logo-link img { transform: translateY(22px); }
}
@media (max-width: 992px) {
	html body.wcw-menu-nieuw ul.wcw-menu-extra { border-top: 0 !important; }
}
}

/* 28 okt (d): 1024 op een rij zoals vanaf 1025, tekst op logohoogte */
/* 28 okt (3): 1024px precies zoals 1025: logo, menu en iconen op één regel (was: logo los bovenaan, menu op een eigen regel,
   balk van 154px). Onder 1024 is het uitklapmenu. In de laag wallcatcher, want de themaregels voor <=1024 staan in een laag. */
@layer wallcatcher {
@media (min-width: 993px) and (max-width: 1024px) {
	html body.wcw-header { padding-top: 127px !important; }
	html body.wcw-header #masthead { top: -20px !important; padding-top: 20px !important; }
	html body.wcw-header .main-header { position: static !important; top: auto !important; left: auto !important; height: auto !important; }
	html body.wcw-header .menu-primary-menu-container { position: static !important; top: auto !important; }
	html body.wcw-header .wcw-iconen--desktop { top: 82px !important; transform: translateY(-22px) !important; }
	html body.wcw-header .custom-logo-link img { transform: translateY(22px); }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top,
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top > span { font-size: 13px !important; font-weight: 500 !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li { margin-left: 0 !important; margin-right: 0 !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { padding-left: clamp(3px, calc((100vw - 960px) / 14), 8px) !important; padding-right: clamp(3px, calc((100vw - 960px) / 14), 8px) !important; padding-top: 26px !important; }
}
}