/*
 * "Live now" banner. Rendered at wp_body_open, so it sits above the block
 * header — a slim strip rather than anything that pushes the page around.
 */
.bm-live {
  --bm-live-purple: #9146ff;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;

  padding: .55rem 1rem;
  background: var(--bm-live-purple);
  color: #fff;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s ease;
}

.bm-live:hover,
.bm-live:focus-visible {
  background: #7c2dff;
  color: #fff;
  text-decoration: none;
}

.bm-live:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.bm-live__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  flex: none;
  animation: bm-live-pulse 2s ease-in-out infinite;
}

.bm-live__cta {
  font-weight: 500;
  opacity: .85;
}

@keyframes bm-live-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: .35; }
}

/* Respect reduced-motion preferences — the dot still reads as a live indicator. */
@media (prefers-reduced-motion: reduce) {
  .bm-live__dot { animation: none; }
}

@media (max-width: 480px) {
  .bm-live       { font-size: .85rem; padding: .5rem .75rem; }
  .bm-live__cta  { display: none; }
}