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

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

    .btn.v1 {
        box-shadow: none;
    }
    .btn-tp:hover{
        background-color: var(--dk-alt-bg);
        color: var(--dk-btn-pry-txt);
    }
}

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

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