/* PI Real-Time Visitors – theme-friendly with CSS variables */
:root{
  --pi-rtv-text:#333;
  --pi-rtv-number:#111;
}
.pi-rtv { display: inline-flex; align-items: center; gap: .5rem; font-size: 0.95rem; color: var(--pi-rtv-text); }
.pi-rtv__dot { width: .6rem; height: .6rem; border-radius: 50%; background: #2ecc71; display: inline-block; box-shadow: 0 0 6px rgba(0,0,0,.15); }
.pi-rtv__label { opacity: .85; }
.pi-rtv__count { font-weight: 700; color: var(--pi-rtv-number); }
@media (prefers-reduced-motion: no-preference) {
  .pi-rtv__dot { animation: pi-rtv-pulse 1.5s ease-in-out infinite; }
  @keyframes pi-rtv-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.12); } }
}
/* Circle layout */
.pi-rtv--circle .pi-rtv__count{
  display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;
  border:2px solid currentColor;
}
/* Blink animation for count (if enabled by inline style) */
@keyframes pi-rtv-blink { 50% { opacity: 0; } }