/* ==========================================================
   SAGE COSMIC PORTAL BACKGROUND V3
   REAL VISIBLE TARGET:
   .sage-portal-cards-v2 .sage-portal-card-stage
   ========================================================== */


/*
   This is the actual visible portal stage.
   The older .astrology-portal-visual is intentionally hidden
   by the existing portal system.
*/

.sage-portal-cards-v2
.sage-portal-card-stage {

    background:

        /* readability wash */
        linear-gradient(
            180deg,
            rgba(1, 2, 8, .18) 0%,
            rgba(1, 2, 8, .06) 38%,
            rgba(1, 2, 8, .16) 72%,
            rgba(1, 2, 8, .34) 100%
        ),

        /* gentle center glow */
        radial-gradient(
            ellipse at center,
            rgba(34, 30, 60, .12) 0%,
            rgba(4, 5, 10, .12) 62%,
            rgba(2, 2, 5, .28) 100%
        ),

        /* chosen SAGE cosmic artwork */
        url("/static/images/landing/blue-purple-nebula.jpg")
        center center / cover
        no-repeat

        !important;
}


/*
   Keep the image visible but restrained.
   Existing cards, text and controls remain untouched.
*/

.sage-portal-cards-v2
.sage-portal-card-stage {

    background-color:
        #020205 !important;
}


/*
   Remove our earlier center-stage image layer.
   It is no longer needed because this visible stage
   covers it completely.
*/

.center-stage::before,
.center-stage::after {

    content:
        none !important;
}


/*
   Preserve layout and portal behavior.
*/

.center-stage {

    position:
        relative !important;

    overflow:
        hidden !important;
}


.astrology-portal-stage {

    position:
        relative !important;
}


#astrologyPortalCarousel {

    position:
        absolute;
}