/* ============================================================
   NEXORA — live crypto ticker bar (loaded only on ticker pages)
   ============================================================ */
.usdt-ticker{position:fixed;top:0;left:0;right:0;z-index:160;display:flex;align-items:center;gap:14px;height:38px;padding:0 16px;background:#0c0b08;border-bottom:1px solid rgba(200,169,110,.14);overflow:hidden}
/* Sit the site header below the live ticker — only applies where this file is loaded. */
.header{top:38px}

.usdt-ticker__live{display:inline-flex;align-items:center;gap:7px;color:#8A8780;font-size:10px;text-transform:uppercase;letter-spacing:.2em;flex:none}
.usdt-ticker__live i{width:7px;height:7px;border-radius:50%;background:#3ecf8e;display:inline-block;animation:tkpulse 1.6s infinite}
@keyframes tkpulse{0%,100%{opacity:.3}50%{opacity:1}}

.usdt-ticker__viewport{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent)}
.usdt-ticker__track{display:inline-flex;align-items:center;white-space:nowrap;will-change:transform}
.usdt-ticker__track.is-marquee{animation:tkmarquee linear infinite}
.usdt-ticker:hover .usdt-ticker__track.is-marquee{animation-play-state:paused}
@keyframes tkmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.tk-item{display:inline-flex;align-items:center;gap:7px;color:#C9C6BF;font-size:13px;padding:0 18px}
.tk-item__sym{color:#C8A96E;font-weight:600;letter-spacing:.03em}
.tk-item__chg{font-weight:600}
.tk-up{color:#3ecf8e}
.tk-dn{color:#e0707a}
.tk-loading{color:#8A8780;font-size:13px;padding:0 18px}

@media (max-width:575px){
    .usdt-ticker{height:34px;gap:9px;padding:0 10px}
    .header{top:34px}
    .usdt-ticker__live{font-size:9px;letter-spacing:.12em;gap:5px}
    .tk-item{font-size:12px;padding:0 13px;gap:6px}
}
/* Respect reduced-motion: stop the scroll, allow manual swipe instead. */
@media (prefers-reduced-motion:reduce){
    .usdt-ticker__track.is-marquee{animation:none}
    .usdt-ticker__viewport{overflow-x:auto;scrollbar-width:none}
    .usdt-ticker__viewport::-webkit-scrollbar{display:none}
}