/* Live Visitor Counter — structure only; skin comes from Conversion Tools
   tokens (see modules/growth/assets/conversion-tools.css). */
#codela-live-visitor-container { margin-bottom: 15px; clear: both; font-family: inherit; }
#codela-live-visitor-container.cdl-lv-hide-mobile { display: none !important; }
@media (min-width: 769px) { #codela-live-visitor-container.cdl-lv-hide-mobile { display: block !important; } }

.cdl-lv {
  display: inline-flex; align-items: center; gap: 8px; line-height: 1.3;
  font-size: var(--cdl-ct-fs, 13px); font-weight: var(--cdl-ct-weight, 500);
  letter-spacing: var(--cdl-ct-ls, 0); text-transform: var(--cdl-ct-transform, none);
  color: var(--cdl-ct-live-ink, #6b7280); background: var(--cdl-ct-live-bg, transparent);
  border: var(--cdl-ct-border, 0); border-radius: var(--cdl-ct-radius, 20px); padding: var(--cdl-ct-pad, 0);
}
.cdl-lv-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: var(--cdl-ct-live-dot, #10b981); animation: var(--cdl-ct-live-anim, none) 2s infinite; }
.cdl-lv-text strong { font-weight: inherit; }

@media (prefers-reduced-motion: reduce) { .cdl-lv-dot { animation: none !important; } }