/*
  Live ticker — borsa tarzı anlık okuma
  Scoped to .sr-site
*/

body.sr-site .sr-live-num,
body.sr-site .hero-freq-value,
body.sr-site #hero-freq,
body.sr-site #sr-hero-masthead-hz,
body.sr-site .sr-hero-masthead__hz,
body.sr-site .sr-promo-fab__live strong,
body.sr-site [data-sr-live-fab-hz],
body.sr-site .sr-hero-pro__tone-value,
body.sr-site .sr-aether-h-val,
body.sr-site .sr-earth-heart__freq,
body.sr-site .harmonic-freq,
body.sr-site #live-chart-freq,
body.sr-site #dash-live-hz,
body.sr-site #active-viewers-count {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.03em;
  transition: color 0.28s ease, text-shadow 0.28s ease, transform 0.28s ease;
}

body.sr-site.sr-live-streaming .sr-hero-pro__hz .hero-freq-value,
body.sr-site.sr-live-streaming .sr-hero-pro__hz #hero-freq,
body.sr-site.sr-live-streaming .sr-hero-masthead__hz,
body.sr-site.sr-live-streaming #sr-hero-masthead-hz,
body.sr-site.sr-live-streaming .sr-hero-pro__tone-value,
body.sr-site.sr-live-streaming [data-sr-live-fab-hz] {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  text-shadow:
    0 0 24px rgba(52, 211, 153, 0.22),
    0 0 48px rgba(56, 189, 248, 0.12);
  animation: sr-live-hz-breathe 2.8s ease-in-out infinite;
}

body.sr-site .sr-tick-up {
  color: #34d399 !important;
  -webkit-text-fill-color: #34d399 !important;
  text-shadow: 0 0 20px rgba(52, 211, 153, 0.55) !important;
  transform: translateY(-1px);
}

body.sr-site .sr-tick-down {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  text-shadow: 0 0 18px rgba(251, 191, 36, 0.45) !important;
  transform: translateY(1px);
}

body.sr-site .sr-tick-flat {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
  text-shadow: 0 0 16px rgba(103, 232, 249, 0.35) !important;
}

body.sr-site .sr-hero-pro__readout-live i,
body.sr-site .sr-dash-pro-live-kicker i,
body.sr-site .sr-hero-pro__tone-live i {
  animation: sr-live-dot 1.35s ease-in-out infinite;
}

body.sr-site .sr-live-audience #active-viewers-count,
body.sr-site .sr-hero-pro__tel--traffic .sr-hero-pro__tel-value--text #active-viewers-count {
  font-family: "Roboto Mono", "JetBrains Mono", ui-monospace, monospace;
  font-weight: 600;
  color: #a5b4fc;
  text-shadow: 0 0 14px rgba(129, 140, 248, 0.35);
}

body.sr-site .sr-audience-bump {
  animation: sr-audience-pop 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

body.sr-site .sr-hero-pro__tel--traffic.sr-live-audience {
  border-color: rgba(129, 140, 248, 0.28);
  box-shadow: 0 0 24px rgba(129, 140, 248, 0.1);
}

@keyframes sr-live-hz-breathe {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.08); }
}

@keyframes sr-live-dot {
  0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 10px rgba(52, 211, 153, 0.85); }
  50% { opacity: 0.55; transform: scale(0.82); box-shadow: 0 0 4px rgba(52, 211, 153, 0.35); }
}

@keyframes sr-audience-pop {
  0% { transform: scale(1); }
  35% { transform: scale(1.14); color: #c4b5fd; }
  100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-hero-pro__readout-live i,
  body.sr-site .sr-dash-pro-live-kicker i,
  body.sr-site .sr-hero-pro__tone-live i,
  body.sr-site.sr-live-streaming .sr-hero-pro__hz .hero-freq-value,
  body.sr-site.sr-live-streaming .sr-hero-pro__hz #hero-freq {
    animation: none;
  }
}