/*
 * 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. The JS only
 * applies these classes on pages that open with a full-bleed cover, so every rule here assumes
 * the header is sitting on that cover.
 */

/*
 * The colour comes from the JS, which copies whatever colour the cover's own text uses — a value
 * already chosen to read against that image, so this works on a dark and on a light cover alike.
 * White is only the fallback for a cover with no text of its own. Links and the site title inherit
 * it through the theme's `a { color: currentColor }`, and the open mobile overlay keeps its own
 * preset colours.
 */
.nova-header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    background-color: transparent;
    color: var(--nova-header-color, #fff);
    transition:
        background-color 200ms ease,
        box-shadow 200ms ease,
        color 200ms ease;
}

/* Scrolled: the header paints an opaque `base`, so text goes back to the palette's own foreground. */
.nova-header-transparent.is-nova-scrolled {
    position: fixed;
    background-color: var(--wp--preset--color--base, #fff);
    color: var(--wp--preset--color--contrast, #111);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}