/* Custom micro-animations and keyframes */

/* Notification ping animation for WhatsApp floating button */
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* Floating animation for showcase podiums */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Page fade-in load transition */
.fade-in {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slide inner vector icons on button hover */
.btn-primary svg, .btn-secondary svg {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-primary:hover svg, .btn-secondary:hover svg {
  transform: translateX(4px);
}