/* 
   JJ77 Game Custom Animations & Micro-Interactions
*/

@keyframes jj-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes jj-pulse-glow {
  0%, 100% {
    opacity: 0.25;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(1.05);
  }
}

.jj-svg-hero-phone .floating-badge-1 {
  animation: jj-float 4s ease-in-out infinite;
}

.jj-svg-hero-phone .floating-badge-2 {
  animation: jj-float 5s ease-in-out infinite 1s;
}

.jj-svg-hero-phone circle[fill="url(#hero_glow)"] {
  animation: jj-pulse-glow 6s ease-in-out infinite;
}

/* Feature & Category Card Hover Effects */
.jj-card-interactive {
  position: relative;
  overflow: hidden;
}

.jj-card-interactive::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
  transition: 0.5s;
}

.jj-card-interactive:hover::after {
  left: 100%;
}