/*
 * animations.css - every flashing / glowing effect in ONE place.
 * Too much movement? Delete the "animation:" lines or set animation-duration longer.
 */
/* flashing green dot (Sold) */
.live-dot {
  width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex: none;
  background: #22d36b; box-shadow: 0 0 0 0 rgba(34, 211, 107, .7);
  animation: dotPulse 1.4s infinite;
}
@keyframes dotPulse {
  0%   { box-shadow: 0 0 0 0 rgba(34, 211, 107, .75); opacity: 1; }
  70%  { box-shadow: 0 0 0 9px rgba(34, 211, 107, 0);  opacity: .55; }
  100% { box-shadow: 0 0 0 0 rgba(34, 211, 107, 0);    opacity: 1; }
}

/* flashing Contact Owner button on the dashboard */
.btn-flash {
  background: linear-gradient(135deg, #20c46a, #0ea5a4); color: #fff;
  animation: flashGlow 1.6s infinite;
}
@keyframes flashGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(32, 196, 106, .65); transform: scale(1); }
  50%      { box-shadow: 0 0 0 10px rgba(32, 196, 106, 0); transform: scale(1.04); }
}

/* people who turned off animations in their device settings get none */
@media (prefers-reduced-motion: reduce) {
  .live-dot, .btn-flash { animation: none; }
}