/* ── Header v1 ──────────────────────────────────────────────── */

.hdr.v1 {
    --hdr-lg-mx-wd: 350;
    --hdr-lg-mx-wd-clc: calc((var(--hdr-lg-mx-wd-mbl) * 1px) + (var(--hdr-lg-mx-wd) - var(--hdr-lg-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

    > .bg-bx {
        /* Capture the inner panel's bg so descendants (e.g. flyouts) can
           reference it without the .bg-bx .bg-bx --inner-theme reset. */
        --hdr-pnl-bg: var(--inner-theme);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .ann-bnr {
        .ann-cta-lbl {
            font-weight: 400;
        }
    }

    .tp-lg {
        margin-right: 0;
    }

    @media screen and (width >= 1280px) {
        /* Align last flyout to the right to prevent overflow */
        .nv > ul > li:last-child .fly-nv {
            left: auto;
            right: 0;
        }
    }

    &:has(.mnu-ovly-pnl) > .bg-bx {
        anchor-name: --mnu-ovly-anchor;
    }

    .btn.v1 {
        box-shadow: none;
    }
}

.overlap:has(.hdr.v1) {
    z-index: 2;

    + section {
        margin-bottom: calc(-1 * var(--bdr-rds));
    }
}