/* ── Header v2 ──────────────────────────────────────────────── */
:root.overlap:has(.hdr.v2) {
    --hdr-nv-sp: 50;
    --hdr-nv-sp-lpt: 20;
}

.hdr.v2 {

    z-index: 2;
    
    margin-bottom: calc(-1 * var(--bdr-rds));

    > .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;
    }

    .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;
        }
    }
}