/* ====================================================================
   Бегущая строка (Glassmorphic & Neon Ticker Engine)
   ==================================================================== */

.dc_tkr_wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 40px;
  
  /* Эффект глубокого стекла и неоновые грани */
  background: rgba(18, 20, 29, 0.72) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(79, 234, 159, 0.25);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Верхняя светящаяся зеленая грань */
.dc_tkr_wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #4fea9f, #22b877, #4fea9f, transparent);
  pointer-events: none;
  z-index: 2;
}

/* Ярлык "LIVE" / "НОВОСТИ" слева */
.dc_tkr_lbl {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  background: linear-gradient(135deg, #4fea9f 0%, #22b877 100%);
  border-right: 1px solid rgba(79, 234, 159, 0.4);
  font-size: 10px;
  font-weight: 900;
  color: #08150f;
  text-transform: uppercase;
  letter-spacing: 1px;
  flex-shrink: 0;
  box-shadow: 0 0 15px rgba(79, 234, 159, 0.3);
  z-index: 1;
}

/* Зеленая пульсирующая точка */
.dc_tkr_dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #08150f;
  box-shadow: 0 0 8px rgba(8, 21, 15, 0.8);
  animation: dc_tkr_blink 1.2s ease-in-out infinite;
}

@keyframes dc_tkr_blink {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(0.75); }
}

/* Маска с плавным угасанием по краям */
.dc_tkr_mask {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}

.dc_tkr_track {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  animation: dc_tkr_scroll var(--dc-tkr-speed, 30s) linear infinite;
  will-change: transform;
}

.dc_tkr_wrap:hover .dc_tkr_track {
  animation-play-state: paused;
}

@keyframes dc_tkr_scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Элемент строки */
.dc_tkr_item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

.dc_tkr_item svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* Бейджи категорий */
.dc_tkr_badge {
  font-size: 9.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 2px 8px;
  border-radius: 6px;
  flex-shrink: 0;
}

.dc_tkr_item a {
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s ease;
}

.dc_tkr_item a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

/* Разделитель между новостями */
.dc_tkr_sep {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}

/* ---- Цветовые варианты элементов (Стилизованы под Glass & Neon) ---- */

/* Основной Зеленый (По умолчанию) */
.dc_tkr_item--green svg { color: #4fea9f; filter: drop-shadow(0 0 6px rgba(79,234,159,0.4)); }
.dc_tkr_item--green .dc_tkr_badge { background: rgba(79, 234, 159, 0.14); border: 1px solid rgba(79, 234, 159, 0.35); color: #4fea9f; }
.dc_tkr_item--green a { color: #aeb6d2; }

/* Голубой / Синий */
.dc_tkr_item--blue svg { color: #60a5fa; }
.dc_tkr_item--blue .dc_tkr_badge { background: rgba(96, 165, 250, 0.14); border: 1px solid rgba(96, 165, 250, 0.3); color: #60a5fa; }
.dc_tkr_item--blue a { color: #aeb6d2; }

/* Золотой */
.dc_tkr_item--gold svg { color: #ffd15f; }
.dc_tkr_item--gold .dc_tkr_badge { background: rgba(255, 209, 95, 0.14); border: 1px solid rgba(255, 209, 95, 0.35); color: #ffd15f; }
.dc_tkr_item--gold a { color: #aeb6d2; }

/* Красный */
.dc_tkr_item--red svg { color: #ff5874; }
.dc_tkr_item--red .dc_tkr_badge { background: rgba(255, 88, 116, 0.14); border: 1px solid rgba(255, 88, 116, 0.35); color: #ff5874; }
.dc_tkr_item--red a { color: #aeb6d2; }

/* Бирюзовый */
.dc_tkr_item--cyan svg { color: #38bdf8; }
.dc_tkr_item--cyan .dc_tkr_badge { background: rgba(56, 189, 248, 0.14); border: 1px solid rgba(56, 189, 248, 0.3); color: #38bdf8; }
.dc_tkr_item--cyan a { color: #aeb6d2; }

/* Фиолетовый */
.dc_tkr_item--purple svg { color: #c084fc; }
.dc_tkr_item--purple .dc_tkr_badge { background: rgba(192, 132, 252, 0.14); border: 1px solid rgba(192, 132, 252, 0.3); color: #c084fc; }
.dc_tkr_item--purple a { color: #aeb6d2; }

/* Оранжевый */
.dc_tkr_item--orange svg { color: #fb923c; }
.dc_tkr_item--orange .dc_tkr_badge { background: rgba(251, 146, 60, 0.14); border: 1px solid rgba(251, 146, 60, 0.3); color: #fb923c; }
.dc_tkr_item--orange a { color: #aeb6d2; }

/* Адаптив для смартфонов */
@media (max-width: 640px) {
  .dc_tkr_badge { display: none; }
  .dc_tkr_item { padding: 0 12px; }
  .dc_tkr_lbl { padding: 0 12px; font-size: 9px; }
}