/* Sticky storefront navigation: the original categories menu stays mounted, including its mega menus. */
body.kt-store-mode .navwrap{position:relative;}
body.kt-store-mode .navwrap .kt-sticky-actions{display:none;}
body.kt-store-mode.kt-sticky-active .navwrap{
 position:fixed!important;top:var(--kt-sticky-nav-top,0px)!important;left:0;right:0;width:100%;z-index:900;
 background:var(--header);color:var(--text);border-top:0;
 border-bottom:1px solid var(--border);box-shadow:0 7px 18px rgba(0,0,0,.15);
}
body.kt-store-mode.kt-sticky-active .navwrap{display:flex!important;align-items:center;min-width:0;}
body.kt-store-mode.kt-sticky-active .navwrap>nav.shell{flex:1 1 auto;min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding-left:clamp(12px,1.3vw,24px)!important;padding-right:4px!important;}
body.kt-store-mode.kt-sticky-active .navwrap .kt-menu-shell{min-width:0;width:100%;max-width:none;}
body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions{display:flex;align-items:center;flex:0 0 auto;gap:3px;padding:0 clamp(12px,1.2vw,22px) 0 4px;}
body.kt-store-mode .kt-sticky-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 auto;width:43px;height:43px;padding:9px!important;border-radius:6px;background:transparent!important;border:0!important;color:var(--text)!important;text-decoration:none!important;cursor:pointer;}
body.kt-store-mode .kt-sticky-icon:hover,body.kt-store-mode .kt-sticky-icon:focus-visible{background:var(--field)!important;filter:none;}
body.kt-store-mode .kt-sticky-icon svg{width:23px;height:23px;stroke:currentColor;pointer-events:none;}
body.kt-store-mode .kt-sticky-icon .cart-count{position:absolute;right:-3px;top:1px;font-size:10px;min-width:17px;height:17px;padding:0 3px;line-height:17px;}
body.kt-store-mode .kt-sticky-search-form{display:none;position:absolute;right:14px;top:calc(100% + 5px);z-index:960;padding:12px;gap:8px;align-items:center;width:min(420px,calc(100vw - 28px));border:1px solid var(--border);border-radius:9px;background:var(--panel);box-shadow:0 10px 24px #0003;}
body.kt-store-mode .kt-sticky-search-form[hidden]{display:none!important;}
body.kt-store-mode .kt-sticky-search-form:not([hidden]){display:flex;}
body.kt-store-mode .kt-sticky-search-form input{min-width:0;flex:1;margin:0;width:auto;}
body.kt-store-mode .kt-sticky-search-form button{flex:0 0 auto;}
.kt-sticky-placeholder{display:none;}
body.kt-store-mode.kt-sticky-active .kt-sticky-placeholder{display:block;}
@media(max-width:780px){
 body.kt-store-mode.kt-sticky-active .navwrap>nav.shell{padding-left:8px!important;}
 body.kt-store-mode.kt-sticky-active .navwrap .kt-menu-mobile-toggle{width:100%!important;min-width:0!important;padding:9px 7px!important;min-height:42px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions{padding-right:8px;gap:0;}
 body.kt-store-mode.kt-sticky-active .kt-sticky-icon{width:39px;height:41px;padding:8px!important;}
 body.kt-store-mode.kt-sticky-active .navwrap .kt-main-menu{position:absolute;left:0;right:0;top:100%;z-index:980;max-height:calc(100dvh - 55px);overflow-y:auto!important;background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 18px #0003;}
 body.kt-store-mode.kt-sticky-active .navwrap .kt-menu-shell.kt-mobile-open .kt-main-menu{display:flex!important;}
}

/* Theme-safe sticky action icons: override storefront-wide button/text themes.
   Explicit SVG stroke keeps search, login and cart legible on white backgrounds. */
html[data-theme="light"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon,
html:not([data-theme]) body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon {
 color:#253247!important;
 background:transparent!important;
 opacity:1!important;
 filter:none!important;
}
html[data-theme="light"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon svg,
html[data-theme="light"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon svg *,
html:not([data-theme]) body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon svg,
html:not([data-theme]) body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon svg * {
 stroke:#253247!important;
 fill:none!important;
 opacity:1!important;
 visibility:visible!important;
}
html[data-theme="light"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon:is(:hover,:focus-visible),
html:not([data-theme]) body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon:is(:hover,:focus-visible) {
 background:#eaf0f7!important;
}
/* On dark themes retain the theme foreground even if the global button colour is white. */
html[data-theme^="dark-"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon,
html[data-theme^="dark-"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon svg,
html[data-theme^="dark-"] body.kt-store-mode.kt-sticky-active .navwrap .kt-sticky-actions .kt-sticky-icon svg * {
 color:var(--text)!important;
 stroke:var(--text)!important;
 opacity:1!important;
}
