/* The outer shell owns sticky positioning so Elementor's short template wrapper
   cannot limit how far the navigation follows the page. */
body.gray-design-site .gray-header-shell {
    position:sticky!important;
    top:0;
    z-index:1000;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    overflow:visible;
    background:#000;
    transform:translateY(0);
    transition:transform .3s cubic-bezier(.22,1,.36,1);
}
body.gray-design-site .gray-header-shell.gray-header-hidden { transform:translateY(-100%); }
body.gray-design-site .gray-header-shell>.elementor {
    width:100%;
    max-width:none;
    overflow:visible;
}
body.gray-design-site .gray-header-shell header {
    position:relative!important;
    top:auto!important;
}
body.gray-design-site.admin-bar .gray-header-shell {
    top:var(--wp-admin--admin-bar--height,32px);
}
@media(max-width:782px) {
    body.gray-design-site.admin-bar .gray-header-shell {
        top:var(--wp-admin--admin-bar--height,46px);
    }
}
/* On narrow screens WordPress's admin toolbar scrolls away with the document. */
@media(max-width:600px) {
    body.gray-design-site.admin-bar .gray-header-shell { top:0; }
}
/* Keep the Elementor editing canvas free of pinned shared layouts. */
body.gray-design-site.elementor-editor-active .gray-header-shell {
    position:relative!important;
    top:auto!important;
    transform:none!important;
}
@media(prefers-reduced-motion:reduce) {
    body.gray-design-site .gray-header-shell { transition:none; }
}