/* =============================================
   INSTANT MATKA RESULTS - ANIMATIONS CSS
   ============================================= */

/* ===== RESULT CARD ENTRANCE ===== */
.results-grid .result-card:nth-child(1)  { animation-delay: 0.05s; }
.results-grid .result-card:nth-child(2)  { animation-delay: 0.10s; }
.results-grid .result-card:nth-child(3)  { animation-delay: 0.15s; }
.results-grid .result-card:nth-child(4)  { animation-delay: 0.20s; }
.results-grid .result-card:nth-child(5)  { animation-delay: 0.25s; }
.results-grid .result-card:nth-child(6)  { animation-delay: 0.30s; }
.results-grid .result-card:nth-child(7)  { animation-delay: 0.35s; }
.results-grid .result-card:nth-child(8)  { animation-delay: 0.40s; }
.results-grid .result-card:nth-child(9)  { animation-delay: 0.45s; }
.results-grid .result-card:nth-child(10) { animation-delay: 0.50s; }
.results-grid .result-card:nth-child(11) { animation-delay: 0.55s; }
.results-grid .result-card:nth-child(12) { animation-delay: 0.60s; }

/* ===== CHART TILE ENTRANCE ===== */
.charts-grid .chart-tile:nth-child(1) { animation-delay: 0.05s; }
.charts-grid .chart-tile:nth-child(2) { animation-delay: 0.10s; }
.charts-grid .chart-tile:nth-child(3) { animation-delay: 0.15s; }
.charts-grid .chart-tile:nth-child(4) { animation-delay: 0.20s; }
.charts-grid .chart-tile:nth-child(5) { animation-delay: 0.25s; }
.charts-grid .chart-tile:nth-child(6) { animation-delay: 0.30s; }
.charts-grid .chart-tile:nth-child(7) { animation-delay: 0.35s; }
.charts-grid .chart-tile:nth-child(8) { animation-delay: 0.40s; }

/* ===== LUCKY CARD ENTRANCE ===== */
.lucky-grid .lucky-card:nth-child(1) { animation-delay: 0.05s; }
.lucky-grid .lucky-card:nth-child(2) { animation-delay: 0.15s; }
.lucky-grid .lucky-card:nth-child(3) { animation-delay: 0.25s; }

/* ===== INFO CARD ENTRANCE ===== */
.info-grid .info-card:nth-child(1) { animation-delay: 0.05s; }
.info-grid .info-card:nth-child(2) { animation-delay: 0.10s; }
.info-grid .info-card:nth-child(3) { animation-delay: 0.15s; }
.info-grid .info-card:nth-child(4) { animation-delay: 0.20s; }
.info-grid .info-card:nth-child(5) { animation-delay: 0.25s; }
.info-grid .info-card:nth-child(6) { animation-delay: 0.30s; }

/* ===== GLOWING JODI NUMBER ===== */
@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 8px rgba(204,0,0,0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(204,0,0,0.6), 0 0 40px rgba(204,0,0,0.2);
  }
}

.num-jodi {
  animation: glowPulse 2.5s ease-in-out infinite;
}

/* ===== GOLDEN NUMBER GLOW ===== */
@keyframes goldGlow {
  0%, 100% { text-shadow: 0 0 20px rgba(255,215,0,0.3); }
  50%       { text-shadow: 0 0 40px rgba(255,215,0,0.7), 0 0 60px rgba(255,215,0,0.3); }
}

.lucky-number-big {
  animation: goldGlow 2s ease-in-out infinite;
}

/* ===== SCROLL REVEAL ===== */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* ===== RIPPLE EFFECT ===== */
.btn-refresh:active,
.btn:active {
  transform: scale(0.97);
}

/* ===== FLOATING ANIMATION ===== */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

.phone-mockup {
  animation: float 5s ease-in-out infinite;
}

/* ===== HEADER SCROLL SHADOW ===== */
.site-header.scrolled {
  box-shadow: 0 4px 30px rgba(204,0,0,0.3);
}

/* ===== NUMBER FLIP (for refreshing) ===== */
@keyframes numberFlip {
  0%   { transform: rotateX(90deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}

.num-flip {
  animation: numberFlip 0.4s ease both;
  perspective: 200px;
}

/* ===== SHIMMER LOADING ===== */
@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.loading-shimmer {
  background: linear-gradient(
    90deg,
    var(--bg-card) 0%,
    var(--bg-elevated) 50%,
    var(--bg-card) 100%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}