/* =========================================================
   BHAVYA AI — UNIFIED MARKET ANALYTICS PRODUCT SUITE
   ========================================================= */

.bh-market-suite-shell{

    --market-cyan:
        #20ecf0;

    --market-sky:
        #27b9fd;

    --market-blue:
        #1c54e5;

    --market-violet:
        #733efd;

    --market-gold:
        #f5c51e;

    position:
        relative;

    isolation:
        isolate;

    width:
        min(
            1240px,
            calc(100% - 30px)
        );

    margin:
        42px auto;

    padding:
        16px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(52,189,255,.18);

    border-radius:
        32px;

    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(32,236,240,.08),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 90%,
            rgba(115,62,253,.10),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(7,17,32,.995),
            rgba(5,11,24,.995)
        );

    box-shadow:
        0 35px 95px
        rgba(0,0,0,.30),
        inset 0 1px 0
        rgba(255,255,255,.035);
}


.bh-market-suite-shell::before{

    content:"";

    position:
        absolute;

    left:
        24px;

    right:
        24px;

    top:
        0;

    height:
        3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--market-cyan),
            var(--market-sky),
            var(--market-blue),
            var(--market-violet),
            var(--market-gold),
            transparent
        );

    opacity:
        .92;

    pointer-events:
        none;

    z-index:
        8;
}


.bh-market-suite-shell::after{

    content:"";

    position:
        absolute;

    width:
        420px;

    height:
        420px;

    right:
        -230px;

    top:
        30%;

    border-radius:
        50%;

    background:
        var(--market-violet);

    filter:
        blur(125px);

    opacity:
        .055;

    pointer-events:
        none;

    z-index:
        -1;
}


/* =========================================================
   CLOCK / MARKET STATUS — TOP RAIL
   ========================================================= */

.bh-market-suite-shell >
.hero-clock-container{

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        16px 24px !important;

    border:
        1px solid
        rgba(32,236,240,.13) !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            135deg,
            rgba(9,22,39,.92),
            rgba(10,18,37,.90)
        ) !important;

    box-shadow:
        none !important;

    backdrop-filter:
        blur(16px);

    z-index:
        4;
}


/* =========================================================
   GLOBAL MARKET PRICES
   ========================================================= */

.bh-market-suite-shell >
.price-ticker{

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        12px 0 0 !important;

    padding:
        clamp(
            18px,
            2.4vw,
            26px
        ) !important;

    border:
        1px solid
        rgba(39,185,253,.11) !important;

    border-radius:
        20px !important;

    background:
        linear-gradient(
            135deg,
            rgba(11,24,43,.78),
            rgba(10,18,35,.72)
        ) !important;

    box-shadow:
        none !important;

    position:
        relative;

    z-index:
        3;
}


.bh-market-suite-shell >
.price-ticker h3{

    margin-bottom:
        18px;

    background:
        linear-gradient(
            90deg,
            var(--market-cyan),
            var(--market-sky),
            var(--market-violet),
            var(--market-gold)
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}


/* =========================================================
   ANALYTICS MOCKUP / SOFTWARE
   ========================================================= */

.bh-market-suite-shell >
.showcase-section{

    width:
        100% !important;

    margin:
        12px 0 0 !important;

    padding:
        clamp(
            30px,
            4vw,
            54px
        )
        clamp(
            10px,
            2.2vw,
            28px
        )
        18px !important;

    border:
        0 !important;

    border-top:
        1px solid
        rgba(255,255,255,.055) !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        hidden;

    position:
        relative;
}


.bh-market-suite-shell
.showcase-container{

    width:
        100%;

    max-width:
        1180px;

    margin:
        0 auto;

    gap:
        clamp(
            26px,
            4vw,
            48px
        );
}


/*
 * Keep the existing Market feature cards,
 * mockup, C10B typing and C9I access dock.
 * Only visually unify them.
 */

.bh-market-suite-shell
.showcase-text{

    position:
        relative;

    z-index:
        3;
}


.bh-market-suite-shell
.showcase-visuals{

    position:
        relative;

    z-index:
        2;
}


/* C10B Market typing integrates into same surface */

.bh-market-suite-shell
.bh-c10-market-rotator{

    border-color:
        rgba(32,236,240,.14);

    background:
        linear-gradient(
            100deg,
            rgba(32,236,240,.065),
            rgba(115,62,253,.035)
        );
}


/* C9I access dock becomes the footer rail of this product */

.bh-market-suite-shell
.bh-market-access-dock{

    margin-top:
        8px !important;

    border:
        1px solid
        rgba(32,236,240,.12) !important;

    background:
        linear-gradient(
            135deg,
            rgba(8,21,37,.90),
            rgba(11,18,37,.92)
        ) !important;

    box-shadow:
        0 16px 38px
        rgba(0,0,0,.17) !important;
}


/* =========================================================
   DESKTOP DEPTH DETAILS
   ========================================================= */

@media(min-width:901px){

    .bh-market-suite-shell >
    .hero-clock-container{

        min-height:
            74px;
    }


    .bh-market-suite-shell >
    .price-ticker{

        padding-left:
            32px !important;

        padding-right:
            32px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .bh-market-suite-shell{

        width:
            calc(100% - 20px);

        margin:
            30px auto;

        padding:
            12px;

        border-radius:
            25px;
    }


    .bh-market-suite-shell >
    .hero-clock-container{

        padding:
            15px 17px !important;
    }


    .bh-market-suite-shell >
    .showcase-section{

        padding:
            30px 8px 10px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:580px){

    .bh-market-suite-shell{

        width:
            calc(100% - 12px);

        margin:
            24px auto;

        padding:
            8px;

        border-radius:
            20px;
    }


    .bh-market-suite-shell::before{

        left:
            15px;

        right:
            15px;
    }


    .bh-market-suite-shell >
    .hero-clock-container{

        margin:
            0 !important;

        padding:
            13px 11px !important;

        border-radius:
            15px !important;
    }


    .bh-market-suite-shell >
    .price-ticker{

        margin-top:
            8px !important;

        padding:
            16px 9px !important;

        border-radius:
            15px !important;
    }


    .bh-market-suite-shell >
    .price-ticker h3{

        font-size:
            16px !important;

        line-height:
            1.35;
    }


    .bh-market-suite-shell >
    .showcase-section{

        margin-top:
            8px !important;

        padding:
            24px 2px 7px !important;
    }


    .bh-market-suite-shell
    .showcase-container{

        gap:
            24px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(
    prefers-reduced-motion:
    reduce
){

    .bh-market-suite-shell *,
    .bh-market-suite-shell *::before,
    .bh-market-suite-shell *::after{

        scroll-behavior:
            auto !important;
    }

}


/* =========================================================
   PRINT
   ========================================================= */

@media print{

    .bh-market-suite-shell{

        width:
            100% !important;

        margin:
            14px 0 !important;

        padding:
            10px !important;

        border-color:
            #d9e4ee !important;

        background:
            #fff !important;

        box-shadow:
            none !important;

        break-inside:
            avoid;
    }


    .bh-market-suite-shell >
    .showcase-section{

        background:
            #fff !important;
    }

}