/**
 * Neopoet Chat event page state block — countdown / live / past.
 */

.npchat-event-state {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-family: var(--np-font-sans, sans-serif);
  font-size: var(--np-text-sm, 0.875rem);
  color: var(--np-color-text-primary, #2c2620);
  margin: 12px 0;
}

.npchat-event-state__label {
  font-weight: var(--np-weight-medium, 500);
  text-transform: uppercase;
  letter-spacing: var(--np-tracking-wide, 0.08em);
  font-size: var(--np-text-xs, 0.75rem);
  color: var(--np-color-accent-deep, #b8431f);
}

.npchat-event-state--live .npchat-event-state__label {
  color: var(--np-color-accent-deep, #b84422);
}

.npchat-event-state__dot {
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: var(--np-radius-circle, 50%);
  background: var(--np-color-accent, #d85a30);
  animation: npchat-event-state-pulse 2800ms var(--np-ease-standard, ease) infinite;
}

.npchat-event-state__cta {
  font-weight: var(--np-weight-medium, 500);
  color: var(--np-color-accent-deep, #b84422);
}

.npchat-event-state--past .npchat-event-state__body {
  color: var(--np-color-text-secondary, #6b6355);
}

@keyframes npchat-event-state-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.4; transform: scale(0.7); }
}
@media (prefers-reduced-motion: reduce) {
  .npchat-event-state__dot { animation: none; }
}