/* ============================================================
   TICKER — نوار نرخ لحظه‌ای طلا/سکه (المان امضادار سایت)
   ============================================================ */

.ticker {
  position: sticky;
  top: 0;
  z-index: 60;
  background: linear-gradient(90deg, var(--ink-950), #2a2210 45%, var(--ink-950));
  background-size: 200% 100%;
  color: var(--gold-50);
  overflow: hidden;
  border-bottom: 1px solid var(--gold-600);
}

[data-theme="light"] .ticker {
  background: linear-gradient(90deg, #241c0a, #4a3612 45%, #241c0a);
}

.ticker__track {
  display: flex;
  align-items: center;
  gap: var(--sp-7);
  padding: 7px var(--sp-5);
  white-space: nowrap;
  animation: ticker-shimmer 6s linear infinite;
}

@keyframes ticker-shimmer {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.12); }
  100% { filter: brightness(1); }
}

.ticker__item {
  display: inline-flex;
  align-items: baseline;
  gap: var(--sp-2);
  font-size: var(--fs-xs);
}

.ticker__label { color: var(--gold-200); font-weight: 600; }
.ticker__value { font-family: var(--font-num); font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }

.ticker__delta { font-size: var(--fs-xs); padding: 1px 6px; border-radius: var(--radius-pill); }
.ticker__delta.up   { background: rgba(63,125,84,0.25); color: #8fd7a4; }
.ticker__delta.down { background: rgba(179,56,44,0.25); color: #f0a89f; }

.ticker__updated {
  margin-inline-start: auto;
  color: var(--silver-400);
  font-size: var(--fs-xs);
}

@media (max-width: 720px) {
  .ticker__track { gap: var(--sp-5); }
  .ticker__updated { display: none; }
}