/* ==========================================================
   Nexia Framework
   Vanta Background
   ========================================================== */

/*
 * Proven mobile/tablet Vanta target.
 */
.nx-vanta-background{
    position:relative;
    overflow:hidden;
}

.nx-vanta-background > *{
    position:relative;
    z-index:2;
}

.nx-vanta-background canvas{
    position:absolute !important;
    inset:0;
    width:100% !important;
    height:100% !important;
    z-index:1 !important;
}


/* ==========================================================
   DESKTOP CONTINUOUS VANTA

   One document-anchored canvas from the TradingView ticker
   through the universal footer. Desktop only; mobile keeps
   the proven bounded Vanta implementation above.
   ========================================================== */

.wp-site-blocks{
    position:relative;
}

.nx-vanta-desktop-stage{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    overflow:hidden;
    pointer-events:none;
    z-index:0;
}

.nx-vanta-desktop-stage canvas{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    pointer-events:none !important;
    z-index:0 !important;
}

/* Keep post-ticker page content above the desktop canvas. */
.wp-site-blocks > main,
.wp-site-blocks > footer.wp-block-template-part{
    position:relative;
    z-index:1;
}


/*
 * Desktop only. The desktop canvas starts below #nx-ticker,
 * so header, cover, chart and ticker remain untouched.
 */
@media (max-width:991px){

    .nx-vanta-desktop-stage{
        display:none !important;
    }
}