/* 1. Pulse (تپش) */
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.pulse-animation {
  animation: pulse 3s infinite ease-in-out;
}

/* 2. Bounce (پرش ملایم) */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}
.bounce-animation {
  animation: bounce 2s infinite ease-in-out;
}

/* 3. Rotate (چرخش) */
@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.rotate-animation {
  animation: rotate 5s linear infinite;
}

/* 4. Wiggle (تکان ریز) */
@keyframes wiggle {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(3deg); }
  75% { transform: rotate(-3deg); }
}
.wiggle-animation {
  animation: wiggle 1s infinite ease-in-out;
}

/* 5. Zoom-In-Out (بزرگ و کوچک شدن سریع‌تر) */
@keyframes zoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}
.zoom-animation {
  animation: zoom 2.5s infinite ease-in-out;
}

/* 6. Fade-In-Out (ظاهر و محو شدن) */
@keyframes fade {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.fade-animation {
  animation: fade 3s infinite ease-in-out;
}

/* 7. Swing (تاب خوردن) */
@keyframes swing {
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.swing-animation {
  transform-origin: top center;
  animation: swing 2s infinite ease-in-out;
}

/* 8. Float (بالا و پایین رفتن ملایم و گوگولی) */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* مقدار حرکت به بالا */
  }
}
.float-animation {
  animation: float 4s ease-in-out infinite;
}

/* 9. Float & Pulse Together */
@keyframes floatPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.05);
  }
}
.float-pulse-animation {
  animation: floatPulse 5s ease-in-out infinite;
}

/* Spin In-Out */
@keyframes spinInOut {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(360deg);
    animation-timing-function: linear; /* وسط سریع بچرخه */
  }
  100% {
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}

.spin-inout-animation {
  animation: spinInOut 2.5s infinite;
}

/* Bounce Ball Effect */
@keyframes ball-bounce {
  0%, 100% {
    transform: translateY(0) scaleY(1); /* روی زمین - حالت عادی */
  }
  30% {
    transform: translateY(-80px) scaleY(1.05); /* اوج پرش */
  }
  50% {
    transform: translateY(0) scaleY(0.9); /* برخورد با زمین - کمی فشرده */
  }
  70% {
    transform: translateY(-40px) scaleY(1.03); /* پرش کوچکتر */
  }
  80% {
    transform: translateY(0) scaleY(0.95); /* برخورد دوم */
  }
}

.ball-bounce-animation {
  display: inline-block;
  animation: ball-bounce 2s ease-in-out infinite;
}

/* Basketball Bounce (با کاهش ارتفاع و توقف در آخر) */
@keyframes basketball-bounce {
  0%   { transform: translateY(0); }
  10%  { transform: translateY(-120px); } /* پرش اول */
  20%  { transform: translateY(0) scaleY(0.9); } /* برخورد زمین */
  35%  { transform: translateY(-80px); } /* پرش دوم */
  45%  { transform: translateY(0) scaleY(0.92); }
  55%  { transform: translateY(-50px); } /* پرش سوم */
  65%  { transform: translateY(0) scaleY(0.95); }
  72%  { transform: translateY(-25px); } /* پرش چهارم */
  80%  { transform: translateY(0) scaleY(0.97); }
  85%  { transform: translateY(-10px); } /* پرش خیلی ریز آخر */
  90%  { transform: translateY(0); }
  100% { transform: translateY(0); } /* توپ می‌ایسته */
}

.basketball-animation {
  display: inline-block;
  animation: basketball-bounce 3s ease-in forwards;
}