/* ============================================
   SHIKÚ — Announcement Bar
   ============================================ */

.announcement-bar {
  background: var(--color-bg);
  overflow: hidden;
  white-space: nowrap;
  padding: 9px 0;
}

.announcement-bar__track {
  display: flex;
  width: max-content;
  animation: marquee 25s linear infinite;
}

.announcement-bar__track:hover {
  animation-play-state: paused;
}

.announcement-bar__content {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 20px; /* match the gap for seamless looping */
}

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

.announcement-bar__dot { flex-shrink: 0; display: flex; align-items: center; }
.announcement-bar__dot svg { width: 12px; height: 12px; }
.announcement-bar__text {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 12px;
  color: var(--color-dark);
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .announcement-bar__content { gap: 12px; padding-right: 12px; }
  .announcement-bar__text { font-size: 11px; }
}