/* ── Header v2 ──────────────────────────────────────────────── */
:root.overlap:has(.hdr.v2) {
    --hdr-nv-sp: 50;
    --hdr-nv-sp-lpt: 20;
}
 .overlap:has(.hdr.v2) {
    z-index: 2;
}
.overlap{
    .hdr.v2{
        background: transparent !important;
        background-color: transparent !important;
        > .bg-bx{
            background: transparent !important;
            background-color: transparent !important;
        }
    }
}
.hdr.v2 {
     .fly-nv {
        background: #000 !important;
        z-index: 10;
    }
         a {
        color: #fff;
    }
     .fly-nv a:hover,
     .fly-nv a:focus-visible {
        color: #039a4b;
    }
    z-index: 2;
    .ato .btn.v1:hover {
        color: #10251a;
    }
    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;
    }
   
    nav li a.ato,
    a.so-lk {
        color: #fff !important;
    }
    .hdr-v2-phn {
        font-size: 0.889rem;
        font-weight: 700;
        color: #fff;

        .fnt_phn {
            font-size: 2em;
            font-weight: inherit;
            color: #fff;
        }
    }
    @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;
        }
    }
}

/* Transparent only when this header overlays BannerV1 or BannerV2 (Parent/
   contact/Child layouts) — every other header-v2 placement (system,
   thank-you layouts) keeps its normal solid panel. */
header:has(.hdr.v2):has(+ main :is(.bnr.v1, .bnr.v2)) {
    .bg-bx {
        background-color: transparent;
    }
}