/* Marquee Baru — breaking news ticker CSS animation */
.marquee-baru {
  background: var(--color-breaking-bg, #ffffff);
  color: var(--color-breaking-text, #1a1a1a);
  overflow: hidden;
}
.marquee-baru .container {
  display: flex;
  align-items: center;
}

.inner-wrap {
  overflow: hidden;
  flex: 1;
}

.inner {
  display: flex;
  white-space: nowrap;
  animation: marquee-scroll 20s linear infinite;
}
.inner:hover {
  animation-play-state: paused;
}

.ticker-item {
  margin-right: var(--space-lg);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}
.ticker-item::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-breaking-circle, #d32f2f);
  border-radius: 50%;
  flex-shrink: 0;
}
.ticker-item:last-child::after {
  display: none;
}
.ticker-item a {
  color: var(--color-breaking-text, #1a1a1a);
  font-size: var(--font-size-xs);
  white-space: nowrap;
  text-decoration: none;
}
.ticker-item a:hover { text-decoration: underline; }

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

@media (min-width: 1024px) {
  .marquee-baru .container {
    max-width: var(--container-max-width);
  }
}

@media (prefers-reduced-motion: reduce) {
  .inner { animation: none; }
}