/* =====================================================
   TECHMINEHUB NEWS TICKER
=====================================================*/

.news-ticker-bar{

    position:relative;

    z-index:1055;

    width:100%;

    background:linear-gradient(90deg,#091423,#101826,#091423);

    border-bottom:1px solid rgba(96,182,255,.12);

    box-shadow:

    0 8px 20px rgba(0,0,0,.30);

    overflow:hidden;

}

.news-ticker-bar::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:2px;

    background:linear-gradient(

        90deg,

        #2d8cff,

        #5ab6ff,

        #7b4dff

    );

}

/* ================= INNER ================= */

.news-ticker-inner{

    min-height:44px;

    display:flex;

    align-items:center;

    gap:14px;

    padding:8px 16px;

}

/* ================= LABEL ================= */

.news-ticker-label{

    display:flex;

    align-items:center;

    gap:8px;

    flex:0 0 auto;

    padding:6px 14px;

    border-radius:24px;

    background:rgba(45,140,255,.14);

    border:1px solid rgba(45,140,255,.25);

    color:#7fc4ff;

    font-size:.70rem;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

}

.news-ticker-label::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#22d36e;

    animation:tickerPulse 1.2s infinite;

}

/* ================= CONTENT ================= */

.news-ticker-content{

    flex:1;

    overflow:hidden;

    position:relative;

}

.news-ticker-text{

    display:inline-block;

    color:#d7e7ff;

    font-size:.88rem;

    font-weight:600;

    white-space:nowrap;

    transition:

    opacity .30s,

    transform .30s;

}

.news-ticker-text.is-changing{

    opacity:0;

    transform:translateY(-8px);

}

/* ================= LIVE DOT ================= */

@keyframes tickerPulse{

    0%{

        transform:scale(.9);

        opacity:.5;

    }

    50%{

        transform:scale(1.3);

        opacity:1;

        box-shadow:

        0 0 10px rgba(34,211,110,.8);

    }

    100%{

        transform:scale(.9);

        opacity:.5;

    }

}

/* ================= RESPONSIVE ================= */

@media(max-width:768px){

    .news-ticker-inner{

        min-height:40px;

        gap:10px;

        padding:8px 10px;

    }

    .news-ticker-label{

        padding:5px 10px;

        font-size:.62rem;

    }

    .news-ticker-text{

        font-size:.76rem;

    }

}