/*
Theme Name: Astra Child
Template:   astra
Version:    1.0.1
*/

/* ==========================================================================
   Sticky header
   Target: #masthead (<header> element), the direct child of #page.
   .main-header-bar-wrap is nested too deep — its scroll context is limited
   to #masthead's own height, leaving no room to stick. #masthead spans the
   full page length and sticks correctly to the viewport.
   position:sticky keeps the element in document flow — no CLS, no spacer.
   ========================================================================== */

#masthead {
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Offset for the WordPress admin bar (visible when logged in).
   Admin bar is 32px on desktop, 46px on screens ≤ 782px. */
.admin-bar #masthead {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #masthead {
        top: 46px;
    }
}