/* Üst bar: siyah zemin + kayan piyasa şeridi (döviz, altın, BIST, Bitcoin). JS: assets/js/ticker.js */
.topbar { background: #070A12; border-bottom: 1px solid #161B29; color: #C9D1E3; }
.topbar .topbar-row { gap: 18px; min-height: 38px; }
.topbar .topbar-nav a, .topbar .topbar-date { color: #9AA6BD; }
.topbar .topbar-nav a:hover, .topbar .topbar-nav a[aria-current="page"] { color: #fff; }
.topbar .topbar-date { flex: none; white-space: nowrap; font-size: 12.5px; margin: 0; }
.topbar .topbar-nav { flex: none; order: 2; overflow: visible; }
.topbar .topbar-date { order: 3; }

.mkt { order: 1; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 12px; height: 38px; }
.mkt-label { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: 6px; background: linear-gradient(135deg, #2E5BFF, #7B3FF2); color: #fff; font: 700 11px/1 var(--f-body, Inter, sans-serif); letter-spacing: .04em; text-transform: uppercase; }
.mkt-label i { font-size: 10px; }
.mkt-view { position: relative; flex: 1; min-width: 0; overflow: hidden; height: 38px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
            mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.mkt-track { display: inline-flex; align-items: center; height: 38px; white-space: nowrap; will-change: transform; animation: mkt-scroll var(--mkt-dur, 40s) linear infinite; }
.mkt-view:hover .mkt-track, .mkt-view:focus-within .mkt-track { animation-play-state: paused; }
.mkt-item { display: inline-flex; align-items: baseline; gap: 7px; padding: 0 18px; font: 500 12.5px/1 var(--f-body, Inter, sans-serif); color: #8E9AB2; border-right: 1px solid #1B2133; }
.mkt-item b { color: #F2F5FB; font-weight: 700; font-variant-numeric: tabular-nums; }
.mkt-chg { font-weight: 700; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.mkt-up { color: #22C55E; }
.mkt-down { color: #F43F5E; }
.mkt-flat { color: #8E9AB2; }
.mkt-empty { color: #6B7690; font-size: 12.5px; padding-left: 4px; }
@keyframes mkt-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
    .mkt-track { animation: none; }
    .mkt-view { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
    .mkt-view::-webkit-scrollbar { display: none; }
}
@media (max-width: 900px) { .topbar .topbar-date { display: none; } }
@media (max-width: 640px) {
    /* Mobilde yalnızca piyasa şeridi görünür */
    .topbar { display: block; }
    .topbar .topbar-nav { display: none; }
    .topbar .topbar-row { padding-left: 0; padding-right: 0; }
    .mkt-label { margin-left: 12px; }
}