.hmz-live-indicator{--hmz-live-color:#22c55e;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--hmz-live-color) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--hmz-live-color) 8%,#fff);color:color-mix(in srgb,var(--hmz-live-color) 78%,#111827);font-size:11px;font-weight:800;line-height:1;letter-spacing:.055em;text-decoration:none;white-space:nowrap;box-shadow:0 5px 18px color-mix(in srgb,var(--hmz-live-color) 13%,transparent)}
.hmz-live-indicator:hover{color:color-mix(in srgb,var(--hmz-live-color) 88%,#111827);transform:translateY(-1px)}
.hmz-live-dot{position:relative;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--hmz-live-color);box-shadow:0 0 0 0 color-mix(in srgb,var(--hmz-live-color) 55%,transparent)}
.hmz-live-indicator.is-pulse .hmz-live-dot{animation:hmzLivePulse 1.9s infinite}
.hmz-live-indicator.is-blink .hmz-live-dot,.hmz-live-indicator.is-blink .hmz-live-text{animation:hmzLiveBlink 1.15s steps(2,end) infinite}
.hmz-live-indicator.is-glow{animation:hmzLiveGlow 1.8s ease-in-out infinite alternate}
.hmz-live-indicator.is-heartbeat .hmz-live-dot{animation:hmzLiveHeartbeat 1.35s ease-in-out infinite}
@keyframes hmzLivePulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hmz-live-color) 60%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes hmzLiveBlink{50%{opacity:.25}}
@keyframes hmzLiveGlow{from{box-shadow:0 4px 14px color-mix(in srgb,var(--hmz-live-color) 10%,transparent)}to{box-shadow:0 5px 23px color-mix(in srgb,var(--hmz-live-color) 34%,transparent)}}
@keyframes hmzLiveHeartbeat{0%,100%{transform:scale(1)}12%{transform:scale(1.35)}24%{transform:scale(1)}36%{transform:scale(1.22)}48%{transform:scale(1)}}
@media (min-width:769px){.hmz-live-indicator.hide-desktop{display:none}}
@media (max-width:768px){.hmz-live-indicator.hide-mobile{display:none}.hmz-live-indicator{padding:7px 9px}.hmz-live-text{max-width:76px;overflow:hidden;text-overflow:ellipsis}.public-header-navigation{gap:7px}}
@media (prefers-reduced-motion:reduce){.hmz-live-indicator,.hmz-live-dot,.hmz-live-text{animation:none!important}}

/* P3.15s: steady LIVE text, red dot only, ResultCity-style crisp blink.
   Overrides legacy pulse/glow/heartbeat choices without changing admin settings. */
.hmz-live-indicator{
  --hmz-live-color:#e11d48 !important;
  color:#9f1239;
  background:#fff1f2;
  border-color:#fecdd3;
  box-shadow:0 3px 10px rgba(190,18,60,.08);
  animation:none !important;
  opacity:1 !important;
}
.hmz-live-indicator:hover{
  color:#9f1239;
  background:#ffe4e6;
}
.hmz-live-indicator .hmz-live-text{
  animation:none !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#9f1239;
  text-shadow:none;
}
.hmz-live-indicator .hmz-live-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  background:#dc2626 !important;
  box-shadow:0 0 0 1px rgba(220,38,38,.12),0 0 7px rgba(220,38,38,.4);
  transform:none !important;
  animation:hmzLiveRedDotBlink 1.15s steps(1,end) infinite !important;
}
@keyframes hmzLiveRedDotBlink {
  0%,49.99%{opacity:1}
  50%,100%{opacity:.08}
}
@media(prefers-reduced-motion:reduce){
  .hmz-live-indicator .hmz-live-dot{animation:none !important;opacity:1 !important}
}

/* P3.15t: requested revision — black LIVE text, larger red blinking dot. */
.hmz-live-indicator .hmz-live-text,.hmz-live-indicator:hover .hmz-live-text{color:#111827 !important;opacity:1 !important;visibility:visible !important;animation:none !important;}
.hmz-live-indicator .hmz-live-dot{width:12px !important;height:12px !important;flex:0 0 12px !important;}
