/* 29 okt 2026. Wat hier staat is los van de rest van het menu en alleen voor computerschermen die net smaller zijn dan 1024 px. */

/* 993-1023 px: er was geen menu. Het child-thema (style.css) zet hier nog telefoonregels (menubalk weg, logo als op de
   telefoon, witte koppen), terwijl het thema de menuknop maar tot 992 px toont. Hier dus de kopbalk zoals op 1024 px. */
@media (min-width: 993px) and (max-width: 1023px) {
	html body:not(.header-4).sticky-d .col-full-nav { display: flex !important; background-color: transparent !important; position: unset !important; max-width: 1170px !important; margin-left: auto !important; margin-right: auto !important; }
	html body .col-full-nav .shoptimizer-primary-navigation.col-full { display: flex !important; margin-left: 180px !important; margin-right: 0 !important; }
	html body.wcw-header .site-header .site-branding { display: block !important; flex-direction: row !important; justify-content: normal !important; }
	html body.wcw-header .site-header .custom-logo-link { display: inline !important; }
	html body.wcw-header .site-header .custom-logo-link img { display: block !important; position: absolute !important; top: 20px !important; margin: 20px 0 0 20px !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top { color: #444 !important; }
	html body.wcw-menu-nieuw #site-navigation #menu-hoofdmenu > li > a.wcw-mm-top > span { color: #222 !important; }
}

/* 993-1209 px: de vormkolom in het paneel Wanddecoratie is hier 280 px; Muurovalen en Panorama liepen over Onderwerp heen.
   Kleinere foto en minder ruimte, dan past alles in het eigen vak (nagemeten 1024-1209). */
@media (min-width: 993px) and (max-width: 1209px) {
	.wcw-mm .wcw-mm-raster--wand .wcw-mm-vormen { column-gap: 12px; }
	.wcw-mm .wcw-mm-raster--wand .wcw-mm-vorm { gap: 10px; }
	.wcw-mm .wcw-mm-raster--wand .wcw-mm-vorm .wcw-mm-duim { flex: 0 0 44px; width: 44px; height: 44px; }
}