/*
 * Nova header effect: sticky-shrinking-header. Site-wide — functions.php enqueues it when
 * nova-header.json's `behavior` is `sticky`, never gated on a page's own post_content.
 */
.nova-header-sticky {
    position: sticky;
    top: 0;
    z-index: 30;
    /* Opaque from the start: a pinned header with no background of its own lets the content scroll
     * visibly through it. Holding the background back until .is-nova-shrunk left that bleed-through
     * for the first 40px of scroll (NOVA-3078) — transparency is the
     * transparent-until-scrolled-header effect's job, not this one's. */
    background-color: var(--wp--preset--color--base, #fff);
    transition: padding 200ms ease;
}

.nova-header-sticky.is-nova-shrunk {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nova-header-sticky.is-nova-shrunk:not(:has(.nova-header-rule)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}