/* Smart Sticky Header — Frontend CSS */

#ssh-sticky-header{position:fixed;top:0;left:0;right:0;z-index:9999;background-color:var(--ssh-bg-rgba);color:var(--ssh-text);transition:background-color var(--ssh-speed) ease,color var(--ssh-speed) ease,transform var(--ssh-speed) ease,box-shadow var(--ssh-speed) ease}
#ssh-sticky-header.ssh-hidden{transform:translateY(-110%)}
#ssh-sticky-header.ssh-scrolled{background-color:var(--ssh-scrolled-bg-rgba);color:var(--ssh-scrolled-text);box-shadow:0 2px 20px rgba(0,0,0,.12)}

/* Inner grid */
#ssh-sticky-header .ssh-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:var(--ssh-content-width);width:100%;margin:0 auto;padding:0 var(--ssh-padding,40px);height:var(--ssh-height);transition:height var(--ssh-speed) ease;box-sizing:border-box}
#ssh-sticky-header.ssh-shrunk .ssh-inner{height:var(--ssh-shrunk-height)}

/* Logo */
#ssh-sticky-header .ssh-logo{grid-column:1;display:flex;align-items:center;justify-content:flex-start}
#ssh-sticky-header .ssh-logo a{display:flex;align-items:center;text-decoration:none}
#ssh-sticky-header .ssh-logo img{display:block;width:auto;height:auto;max-height:var(--ssh-logo-max-h,44px);max-width:var(--ssh-logo-max-w,260px);object-fit:contain;transition:max-height var(--ssh-speed) ease,max-width var(--ssh-speed) ease}
#ssh-sticky-header.ssh-shrunk .ssh-logo img{max-height:calc(var(--ssh-logo-max-h,44px) * var(--ssh-shrink-ratio,.75));max-width:calc(var(--ssh-logo-max-w,260px) * var(--ssh-shrink-ratio,.75))}
#ssh-sticky-header .ssh-site-title{font-size:clamp(1rem,1.5vw,1.4rem);font-weight:700;text-decoration:none;color:inherit;letter-spacing:-.02em;white-space:nowrap}

/* Nav */
#ssh-sticky-header .ssh-nav{grid-column:2;display:flex;align-items:center;justify-content:center}
#ssh-sticky-header .ssh-nav nav{display:flex;align-items:center}
#ssh-sticky-header .ssh-menu-list{list-style:none;display:flex;flex-direction:row;gap:clamp(.75rem,2vw,2rem);align-items:center;margin:0;padding:0}
#ssh-sticky-header .ssh-menu-list a{color:inherit;text-decoration:none;font-size:.9rem;font-weight:500;opacity:.85;padding:.3em 0;border-bottom:2px solid transparent;white-space:nowrap;transition:opacity var(--ssh-speed) ease,border-color var(--ssh-speed) ease;display:block}
#ssh-sticky-header .ssh-menu-list a:hover,#ssh-sticky-header .ssh-menu-list .current-menu-item>a{opacity:1;border-bottom-color:currentColor}

/* Sub-menus */
#ssh-sticky-header .ssh-menu-list li.menu-item-has-children{position:relative!important}
#ssh-sticky-header .ssh-menu-list li.ssh-mega{position:static!important}
#ssh-sticky-header .ssh-menu-list .sub-menu{display:none;position:absolute;top:100%;left:auto;right:auto;transform:none;background:var(--ssh-bg-solid);color:var(--ssh-text);list-style:none;min-width:180px;border-radius:0 0 6px 6px;box-shadow:0 8px 32px rgba(0,0,0,.14);overflow:hidden;z-index:10000;padding:0;margin:0}
#ssh-sticky-header .ssh-menu-list li.menu-item-has-children::after{content:'';position:absolute;top:100%;left:0;right:0;height:4px;background:transparent}
#ssh-sticky-header.ssh-scrolled .ssh-menu-list .sub-menu{background:var(--ssh-scrolled-bg-solid);color:var(--ssh-scrolled-text)}
#ssh-sticky-header .ssh-menu-list .menu-item-has-children:hover>.sub-menu,#ssh-sticky-header .ssh-menu-list .menu-item-has-children:focus-within>.sub-menu{display:block}
#ssh-sticky-header .ssh-menu-list .sub-menu li a{display:block;padding:.6rem 1.2rem;border-bottom:none;font-size:.85rem;white-space:nowrap;opacity:1}
#ssh-sticky-header .ssh-menu-list .sub-menu li+li{border-top:1px solid rgba(127,127,127,.15)}

/* End column */
#ssh-sticky-header .ssh-end{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}

/* CTA */
#ssh-cta{display:inline-flex;align-items:center;text-decoration:none;font-weight:600;font-size:.875rem;white-space:nowrap;margin:0;line-height:1;flex-shrink:0}
#ssh-cta:hover{opacity:.85}

/* WooCommerce */
#ssh-sticky-header .ssh-woo-account,#ssh-sticky-header .ssh-woo-cart{display:inline-flex;align-items:center;gap:.35rem;color:inherit;text-decoration:none;opacity:.85;transition:opacity var(--ssh-speed) ease;flex-shrink:0}
#ssh-sticky-header .ssh-woo-account:hover,#ssh-sticky-header .ssh-woo-cart:hover{opacity:1}
#ssh-sticky-header .ssh-woo-account svg,#ssh-sticky-header .ssh-woo-cart svg{display:block;flex-shrink:0}
#ssh-sticky-header .ssh-woo-account-label{font-size:.85rem;font-weight:500;white-space:nowrap}
#ssh-sticky-header .ssh-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.7rem;font-weight:700;border-radius:999px;background:currentColor;filter:invert(1) grayscale(1) contrast(9)}

/* Hamburger */
#ssh-sticky-header .ssh-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;color:inherit;flex-shrink:0}
#ssh-sticky-header .ssh-hamburger span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .25s}
#ssh-sticky-header .ssh-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#ssh-sticky-header .ssh-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}
#ssh-sticky-header .ssh-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Mega menu panel ── */
#ssh-sticky-header .ssh-mega-panel{display:none;opacity:0;transform:translateY(-6px);transition:opacity var(--ssh-speed) ease,transform var(--ssh-speed) ease;position:fixed;left:0;right:0;width:100%;box-sizing:border-box;z-index:10000}
#ssh-sticky-header.ssh-scrolled .ssh-mega-panel{background:var(--ssh-scrolled-bg-solid);color:var(--ssh-scrolled-text)}

/* ── Mobile ── */
@media(max-width:768px){
    #ssh-sticky-header .ssh-inner{grid-template-columns:1fr auto}
    #ssh-sticky-header .ssh-hamburger{display:flex}
    #ssh-sticky-header .ssh-nav{display:none;grid-column:1/-1;position:absolute;top:100%;left:0;right:0;justify-content:flex-start;background:var(--ssh-bg-solid);border-top:1px solid rgba(127,127,127,.1);padding:1rem var(--ssh-padding,40px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
    #ssh-sticky-header.ssh-scrolled .ssh-nav{background:var(--ssh-scrolled-bg-solid)}
    #ssh-sticky-header .ssh-nav.ssh-nav-open{display:flex}
    #ssh-sticky-header .ssh-nav nav{width:100%}
    #ssh-sticky-header .ssh-menu-list{flex-direction:column;align-items:flex-start;width:100%;gap:.25rem}
    #ssh-sticky-header .ssh-menu-list a{font-size:1rem;padding:.5rem 0}
    #ssh-sticky-header .ssh-menu-list .sub-menu{position:static;transform:none;box-shadow:none;border-radius:0;padding-left:1rem;display:none}
    #ssh-sticky-header .ssh-menu-list .menu-item-has-children.ssh-open>.sub-menu{display:block}
    #ssh-mega-overlay{display:none!important}
    .ssh-mega-panel{display:none;padding:.25rem 0 .25rem 1rem}
    .menu-item-has-children.ssh-open>.ssh-mega-panel{display:block!important}
    .ssh-mega-cards{display:block!important;padding:0!important}
    .ssh-mega-card-wrap{display:block!important;width:auto!important;flex:none!important}
    .ssh-mega-item{display:block!important;padding:.4rem 0!important;font-size:1.5rem!important;opacity:.85;text-decoration:underline!important}
    .ssh-mega-item-thumb{display:none!important}
    .ssh-mega-item-desc{display:none!important}
    #ssh-sticky-header .ssh-woo-account,#ssh-sticky-header .ssh-woo-cart{display:none}
    #ssh-cta{display:none}
}
@media(max-width:1024px){#ssh-sticky-header .ssh-woo-account-label{display:none}}

.ssh-body-offset{scroll-padding-top:var(--ssh-height)}

/* Overlay colour variables */
#ssh-overlay>ul>li>a{color:var(--ssh-overlay-text,inherit)}
#ssh-overlay .sub-menu a{color:var(--ssh-overlay-submenu-text,var(--ssh-overlay-text,inherit));opacity:var(--ssh-overlay-submenu-opacity,0.75)}
/* Mobile fullscreen overlay: mega-menu sub-items */
#ssh-mobile-overlay li.ssh-mega.ssh-open>.sub-menu{display:block!important}
#ssh-mobile-overlay li.ssh-mega.ssh-open .ssh-mega-card-wrap{display:block!important}
#ssh-mobile-overlay .ssh-mega-item{display:block;padding:.3em 0}
#ssh-mobile-overlay .ssh-mega-item-thumb{display:none!important}
#ssh-mobile-overlay li.ssh-mega.ssh-open .ssh-mega-item-desc{display:block!important}
#ssh-mobile-overlay .ssh-mega-item-desc ul{list-style:none;padding:0;margin:0}
#ssh-mobile-overlay .ssh-mega-item-desc li:not(:first-child){display:none}
#ssh-mobile-overlay .ssh-mega-item-desc li:first-child{font-size:1.1rem;font-weight:400;opacity:.75}