/*
 * Nova prepared effect: transparent-until-scrolled-header (nova/transparent-until-scrolled-header
 * in the effects catalog). Site-wide, once-per-project — enqueued unconditionally once Content
 * picks it in its dedicated first turn, never gated on a page's own post_content.
 */
.nova-header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    background-color: transparent;
    transition:
        background-color 200ms ease,
        box-shadow 200ms ease;
}

.nova-header-transparent.is-nova-scrolled {
    position: fixed;
    background-color: var(--wp--preset--color--base, #fff);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}