/* Sticky, condensing site header (QA 2026-06-09). * * The Astra header (#masthead) contains the logo, search, cart AND the Jogise * category navigation, so pinning #masthead keeps the whole thing reachable * while scrolling. JS adds `.jogise-header-stuck` to past a small scroll * threshold; the header then gains a shadow and gently condenses (less padding, * slightly smaller logo) for a modern, compact feel that saves vertical space. */ #masthead { position: -webkit-sticky; position: sticky; top: 0; z-index: 99; background: #fff; transition: box-shadow 0.22s ease; } /* Keep clear of the WP admin bar for logged-in users. */ body.admin-bar #masthead { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar #masthead { top: 46px; } } /* Stuck state — only a shadow to lift the header off the content. The header keeps its full height (NO condense), so there is no height change and no layout jump on scroll. */ .jogise-header-stuck #masthead { box-shadow: 0 2px 14px rgba(0, 0, 0, 0.09); }