/*
 * Overrides for pages with a centralized-logo header
 * (i.e. wrappers carrying the .headerWithCentralizedLogo class).
 *
 * Only the properties that differ from the default (main.css) are set
 * here. All other .sidr / #sidr / ul.Secondlevel / ul.Thirdlevel
 * properties — including width and its media-query overrides — come
 * from main.css and must NOT be redeclared here, otherwise they
 * silently override the responsive breakpoints (see issue: width:
 * 80vw at 768px was being overruled by an unconditional width: 30vw
 * declared in this file).
 *
 * Conditional via :has() so the rules only apply on pages where the
 * centralized-logo header is actually rendered. Browser support:
 * Chrome 105+, Safari 15.4+, Firefox 121+.
 */

.centralizedLogoMenuOpener { position: absolute; top: 10px; left:10px; z-index: 999; color: #fff; font-size: 2rem; }
.centralizedLogoMenuOpener .menu-text { color: #fff; font-weight: 300; }
.centralizedLogoMenuOpener .sidrtoggle i { color: #fff; font-size: 2rem; }

/* No preheader on centralized-logo pages — menu starts at the top of the viewport */
body:has(.headerWithCentralizedLogo) #sidr,
body:has(.headerWithCentralizedLogo) ul.Secondlevel,
body:has(.headerWithCentralizedLogo) ul.Thirdlevel { height: 100vh; padding-top: 60px; }

body:has(.headerWithCentralizedLogo) .sidr { top: 0vh; }
body:has(.headerWithCentralizedLogo) ul.Secondlevel { top: 0vh; height: 100vh; }
body:has(.headerWithCentralizedLogo) ul.Thirdlevel { top: 0vh; height: 100vh; }

.menu-container .sidrtogleclose .sidrtoggle i { display: none; }

.sidrIsOpenNoScrolling { margin: 0; height: 100vh; overflow: hidden;}
html.sidrIsOpenNoScrolling .mainheader-image, html.sidrIsOpenNoScrolling .logo, html.sidrIsOpenNoScrolling .contentwrap {  filter: blur(3px); }