/* ================================================================
   animations.css — GOLD.DUAL-GAMING.RO
   Keyframes, entrance animations, scroll-reveal classes
   ================================================================ */

/* ── FADE UP (hero content) ─────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0);    }
}

.animate-fade-up {
  animation: fadeUp .85s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* ── SCROLL REVEAL ───────────────────────────────────────────────── */
/* Elements start hidden; JS adds .is-visible when they enter viewport */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s cubic-bezier(0.4, 0, 0.2, 1),
              transform .6s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger siblings automatically (up to 8 items) */
.animate-on-scroll:nth-child(1) { transition-delay: .00s; }
.animate-on-scroll:nth-child(2) { transition-delay: .08s; }
.animate-on-scroll:nth-child(3) { transition-delay: .16s; }
.animate-on-scroll:nth-child(4) { transition-delay: .24s; }
.animate-on-scroll:nth-child(5) { transition-delay: .32s; }
.animate-on-scroll:nth-child(6) { transition-delay: .40s; }
.animate-on-scroll:nth-child(7) { transition-delay: .48s; }
.animate-on-scroll:nth-child(8) { transition-delay: .56s; }

/* ── FLOATING (crown icon etc.) ──────────────────────────────────── */
@keyframes float {
  0%, 100% { transform: translateY(0);   }
  50%       { transform: translateY(-7px); }
}

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

/* ── PULSE GLOW ───────────────────────────────────────────────────── */
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,215,0,0); }
  50%       { box-shadow: 0 0 20px 4px rgba(255,215,0,0.25); }
}

.animate-pulse-glow {
  animation: pulseGlow 2.5s ease-in-out infinite;
}

/* ── SHIMMER (skeleton / loading) ────────────────────────────────── */
@keyframes shimmer {
  from { background-position: -400px 0; }
  to   { background-position:  400px 0; }
}