/* CENTRUMO navigation, stage 2, 2026-10-22. Visual changes only. */
#header [data-testid="headerCart"]{display:none!important}
#header .centrumo-inquiry-trigger:focus-visible,
#header a:focus-visible{outline:2px solid #2f6b3a;outline-offset:3px}
@media(min-width:768px){
 #header .header-top{padding:0}
 #header .header-top-wrapper:before,#header .header-top-wrapper:after{display:none}
 #header .header-bottom-wrapper{min-height:48px}
 #header #navigation{height:48px}
 #header .header-top-wrapper{display:grid;grid-template-columns:minmax(150px,210px) minmax(180px,520px) max-content;column-gap:clamp(20px,3vw,48px);justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
 #header .header-top-wrapper>.site-name{width:auto;min-width:0;line-height:1;font-size:0}
 #header .site-name a{display:inline-flex;align-items:center;line-height:0}
 #header .site-name img{width:180px;max-width:100%;height:auto;max-height:61px;object-fit:contain}
 #header .header-top-wrapper>.search{width:auto;min-width:0;padding:0}
 #header .header-top-wrapper>.navigation-buttons{width:auto;min-width:0;padding-left:0}
 #header .search-input{height:44px;border:1px solid #dde5da;border-radius:7px;background:#f7f9f5;font-size:14px;box-shadow:none}
 #header .search-input:focus{border-color:#2f6b3a;background:#fff;outline:2px solid #dbe9d2;outline-offset:1px}
 #header .centrumo-inquiry-trigger--desktop{min-height:44px;padding:11px 18px!important;border-radius:7px!important;background:#2f6b3a!important;color:#fff!important;font-size:13px!important;font-weight:700;line-height:20px!important}
 #header .centrumo-inquiry-trigger--desktop:hover{background:#24572e!important}
 #header .header-bottom{border-top:1px solid #e8ede5;border-bottom:1px solid #e8ede5;background:#fff}
 #header #navigation .navigation-in>.menu-level-1>li>a{display:flex;align-items:center;min-height:48px;padding:14px 16px;font-size:15px;line-height:20px;font-weight:600;letter-spacing:0;color:#263b2d}
 #header #navigation .navigation-in>.menu-level-1>li>a>b{font-weight:600}
 #header #navigation .navigation-in>.menu-level-1>li>a:hover,
 #header #navigation .navigation-in>.menu-level-1>li>a:focus-visible{color:#24572e;background:#f2f6ee;text-decoration:none}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a{min-height:40px;margin:4px 8px 4px 0;padding:10px 16px;border-radius:6px;background:#edf4e5;color:#24572e}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a:hover{background:#e1edd5}
}

@media(min-width:768px){
 #header .menu-helper{height:48px!important}
 #header .menu-helper>span{height:48px!important;padding:14px 12px!important;font-size:15px!important;line-height:20px!important;font-weight:600}
 #header .menu-helper>.menu-level-1{top:100%}
}

/* Align the logo with the native navigation content; preserve the search/enquiry pair. */
@media(min-width:768px){
 #header .header-top-wrapper{grid-template-columns:minmax(170px,1fr) 24px minmax(180px,520px) 24px max-content max(0px,calc((100% - 1200px)/2));column-gap:0;justify-content:normal}
 #header .header-top-wrapper>.site-name{grid-column:1;padding-left:20px}
 #header .header-top-wrapper>.search{grid-column:3}
 #header .header-top-wrapper>.navigation-buttons{grid-column:5}
}

/* More breathing room for desktop menu and the breadcrumb trail. */
@media(min-width:768px){
 body .breadcrumbs{padding-top:12px}
}
@media(min-width:1200px){
 #header .header-bottom-wrapper{min-height:64px}
 #header #navigation{height:64px}
 #header #navigation .navigation-in>.menu-level-1>li>a{min-height:64px;padding:22px 20px}
 #header #navigation .navigation-in>.menu-level-1>li{margin-right:12px}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a{min-height:48px;margin-top:8px;margin-bottom:8px;padding:14px 16px}
 #header .menu-helper{height:64px!important}
 #header .menu-helper>span{height:64px!important;padding-top:22px!important;padding-bottom:22px!important}
}

/* Category dropdown: retain Shoptet links, fitting and opening behaviour. */
@media(min-width:768px){
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2{padding:12px;border:1px solid #dce5d8;border-radius:0 0 8px 8px;box-shadow:0 12px 24px rgba(26,55,33,.12);max-height:calc(100dvh - 170px);overflow-x:hidden;overflow-y:auto;background:#fff}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li{padding:16px 12px;margin:0;align-items:flex-start;border-bottom:1px solid #edf1e9;border-radius:4px}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li:hover{background:#f7f9f5}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>.menu-image{display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:72px;padding:0;margin:0 12px 0 0}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>.menu-image img{width:72px;height:72px;max-width:100%;object-fit:contain}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>div{flex:1;min-width:0;width:auto;margin:0;justify-content:flex-start}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>div>a{padding:2px 0 6px;color:#263b2d;font-size:15px;font-weight:600;line-height:1.4}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>div>a:hover{color:#24572e;text-decoration:underline;text-underline-offset:3px}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2 .menu-level-3{font-size:13px;line-height:1.6;max-height:3.2em}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2 .menu-level-3 a{color:#52634e;font-size:13px;line-height:1.6}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2 .menu-level-3 a:hover{color:#24572e;text-decoration:underline;text-underline-offset:2px}
}
@media(min-width:1200px){
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2{max-height:calc(100dvh - 210px)}
}

@media(min-width:768px) and (max-width:991px){
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li{flex:0 0 50%;width:50%}
}

/* Finish: utility navigation, dropdowns and touch-friendly mobile header. */
.top-navigation-bar{background:#f7f9f5;border-bottom:1px solid #e8ede5}
.top-navigation-bar a:focus-visible,.top-navigation-bar button:focus-visible{outline:2px solid #2f6b3a;outline-offset:2px}
.top-navigation-bar .top-navigation-bar-menu>li>a,.top-navigation-bar .top-navigation-menu-trigger{color:#52634f;font-weight:400}
.top-navigation-bar .top-navigation-bar-menu>li>a:hover{color:#24572e;text-decoration:underline;text-underline-offset:3px}
.top-navigation-bar .top-nav-button{color:#63745f}
.top-navigation-bar .top-navigation-bar-menu-helper,.top-navigation-bar .languagesMenu__list{border:1px solid #dce5d8;border-radius:7px;box-shadow:0 8px 24px rgba(26,55,33,.12);background:#fff}

.top-navigation-bar .top-navigation-bar-menu-helper>li>a{color:#263b2d}
.top-navigation-bar .languagesMenu__list{max-height:70dvh;overflow-y:auto}
.top-navigation-bar .languagesMenu__list__link{min-height:40px;padding:10px 14px;font-size:14px;line-height:20px;color:#263b2d}
.top-navigation-bar .languagesMenu__list__link:hover,.top-navigation-bar .top-navigation-bar-menu-helper>li>a:hover{background:#f2f6ee;color:#24572e}
@media(min-width:768px){
 #header .menu-helper>.menu-level-1{padding:6px 0;border:1px solid #dce5d8;border-radius:0 0 7px 7px;box-shadow:0 8px 24px rgba(26,55,33,.12)}
 #header .menu-helper>.menu-level-1>li>a{padding:12px 18px;color:#263b2d;font-size:14px;font-weight:600;line-height:20px}
 #header .menu-helper>.menu-level-1>li>a:hover{background:#f2f6ee;color:#24572e}
}
@media(max-width:767px){
 #header .header-top-wrapper{min-height:64px;height:auto;padding:8px 12px;gap:0 12px;align-items:center;background:#fff}
 #header .header-top-wrapper>.site-name{flex:0 1 112px;width:112px;min-width:64px;padding:0;margin:0}
 #header .site-name img{width:112px;max-width:100%;height:auto;max-height:44px;object-fit:contain}
 #header .header-top-wrapper>.navigation-buttons{display:flex;align-items:center;gap:8px;width:auto;height:44px;margin-left:auto;padding:0;flex:0 0 auto}
 #header .navigation-buttons>a[data-testid=linkSearchIcon],#header .navigation-buttons>a[data-testid=hamburgerMenu]{width:36px;height:44px;line-height:44px;padding:0;border-radius:6px;color:#263b2d;background:#fff}
 #header .centrumo-inquiry-trigger--desktop{min-height:44px;max-width:132px;padding:8px 10px!important;border:0;border-radius:7px!important;background:#2f6b3a!important;color:#fff!important;font-size:11px!important;font-weight:700;line-height:14px!important;white-space:normal;text-align:center}
 #header .header-top-wrapper>.search{flex-basis:100%;width:100%;margin-top:8px}
 #header .search-input{height:44px;background:#f7f9f5;border:1px solid #dde5da;border-radius:7px;box-shadow:none;font-size:16px}
 #header .search-input:focus{border-color:#2f6b3a;outline:2px solid #dbe9d2;outline-offset:1px}
 #header #navigation{padding-top:64px;background:#fff;height:100dvh;max-height:100dvh}
 body.admin-logged #header #navigation{height:calc(100dvh - 50px)}
 body.navigation-window-visible #header .header-top-wrapper{z-index:1101;box-shadow:0 1px 0 #e8ede5}
 body.navigation-window-visible #header .navigation-buttons>a[data-testid=hamburgerMenu]{background:#edf4e5;color:#24572e}
 #header #navigation .navigation-in{height:100%;max-height:100%;padding:10px 12px 28px;overscroll-behavior:contain}
 #header #navigation .navigation-in>.menu-level-1>li{border-bottom:1px solid #edf1e9}
 #header #navigation .navigation-in>.menu-level-1>li>a{min-height:52px;padding:15px 48px 15px 12px;color:#263b2d;font-size:15px;line-height:22px;font-weight:600;text-decoration:none;white-space:normal}
 #header #navigation .navigation-in>.menu-level-1>li>a>b{font-weight:600;padding:0;text-decoration:none}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a{margin:0 0 6px;background:#edf4e5;border-radius:7px;color:#24572e}
 #header #navigation .submenu-arrow{right:0;width:44px;height:44px;min-height:44px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;line-height:44px;color:#2f6b3a}
 #header #navigation .submenu-arrow:before{line-height:1}
 #header #navigation .menu-level-2{padding:0 0 8px;margin:0 0 6px;background:#f7f9f5;border-radius:0 0 7px 7px}
 #header #navigation .menu-level-2>li>div>a{display:block;min-height:44px;padding:12px 16px;font-size:14px;line-height:20px;color:#344b38;text-decoration:none}
 #header #navigation .menu-level-2>li>div>a:hover{background:#edf4e5;color:#24572e}
 #header #navigation .navigationActions{margin-top:16px;border-top:1px solid #e8ede5}
 #header #navigation .navigationActions a{min-height:44px;font-size:14px;color:#52634f;text-decoration:none}
}
@media(max-width:359px){
 #header .header-top-wrapper{gap:0 8px}
 #header .header-top-wrapper>.site-name{flex-basis:88px;width:88px}
 #header .navigation-buttons>a[data-testid=linkSearchIcon],#header .navigation-buttons>a[data-testid=hamburgerMenu]{width:32px}
 #header .centrumo-inquiry-trigger--desktop{max-width:110px;font-size:10px!important;padding-left:8px!important;padding-right:8px!important}
}