/* =========================================================
MARKETVISTA — CONTINUOUS MARKET TICKER
FILE: /assets/css/mv-marketbar.css
VERSION: 2.0
========================================================= */

.mv-marketbar{

width:100%;
overflow:hidden;

background:var(--mv-surface);
color:var(--mv-text);

border-bottom:1px solid var(--mv-border);

height:38px;

display:flex;
align-items:center;

position:relative;

}


/* =========================================================
TICKER TRACK
========================================================= */

.mv-marketbar-inner{

display:flex;
align-items:center;

white-space:nowrap;

min-width:max-content;

/* smooth GPU animation */

animation:mvTickerScroll 90s linear infinite;

will-change:transform;

}


/* pause on hover */

.mv-marketbar:hover .mv-marketbar-inner{
animation-play-state:paused;
}


/* =========================================================
TICKER ITEM
========================================================= */

.mv-market-item{

display:flex;
align-items:center;

gap:8px;

padding:0 20px;

border-right:1px solid var(--mv-border);

font-size:13px;

flex:0 0 auto;

}


.mv-market-symbol{
font-weight:600;
opacity:.9;
}


.mv-market-price{
font-weight:600;
}


.mv-market-pos{
color:#22c55e;
}

.mv-market-neg{
color:#ef4444;
}

.mv-market-flat{
color:#94a3b8;
}


/* =========================================================
CONTINUOUS SCROLL ANIMATION
========================================================= */

@keyframes mvTickerScroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

/* =========================================================
MARKETVISTA — TICKER ACCENT STRIPS
VERSION: 2.1
========================================================= */
.mv-market-item{
position:relative;
overflow:hidden;
}

.mv-market-item::before{
content:"";
position:absolute;
left:8px;
right:8px;
top:0;
height:2px;
border-radius:999px 999px 0 0;
background:linear-gradient(90deg,#64748b,#94a3b8);
}

.mv-market-item[data-change-state="pos"]::before{
background:linear-gradient(90deg,#16a34a,#22c55e);
}

.mv-market-item[data-change-state="neg"]::before{
background:linear-gradient(90deg,#dc2626,#ef4444);
}

.mv-market-item[data-change-state="flat"]::before{
background:linear-gradient(90deg,#64748b,#94a3b8);
}


/* =========================================================
MARKETVISTA — TICKER ACCENT FORCE PARITY
VERSION: 2.2
========================================================= */
.mv-market-item {
    --mv-market-accent: #94a3b8;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 2px 0 var(--mv-market-accent) !important;
}

.mv-market-item::before {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 2px !important;
    border-radius: 16px 16px 0 0 !important;
    background: var(--mv-market-accent) !important;
    opacity: 1 !important;
}

.mv-market-item[data-change-state="pos"] { --mv-market-accent: #22c55e; }
.mv-market-item[data-change-state="neg"] { --mv-market-accent: #ef4444; }
.mv-market-item[data-change-state="flat"] { --mv-market-accent: #94a3b8; }