/* ==========================================================================
   SkyGarden - Micro-Animations & Keyframes
   ========================================================================== */

@keyframes pulse-ring {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

@keyframes gold-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

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

.fade-in {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Add to tray button bounce */
@keyframes bounce-tap {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
}

.btn-tap-animate {
  animation: bounce-tap 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Stagger card appearances */
.item-card {
  animation: fadeIn 0.35s ease-out both;
}

.item-card:nth-child(1) { animation-delay: 0.03s; }
.item-card:nth-child(2) { animation-delay: 0.06s; }
.item-card:nth-child(3) { animation-delay: 0.09s; }
.item-card:nth-child(4) { animation-delay: 0.12s; }
.item-card:nth-child(5) { animation-delay: 0.15s; }
.item-card:nth-child(6) { animation-delay: 0.18s; }
.item-card:nth-child(7) { animation-delay: 0.21s; }