/* ============================================
   Zep Bilişim — Animasyonlar
   ============================================ */

/* --- Scroll Reveal --- */
/* NOT: Initial state'ler (.reveal, .reveal-left, .reveal-right, .reveal-scale, .stagger > *)
   main.css içine taşındı (critical CSS). Bu dosya defer ile yüklendiği için
   initial opacity:0 buraya kalsaydı ilk paint'te LCP elementi flicker yapardı.
   Burada sadece `.visible` state ve `prefers-reduced-motion` korunur. */

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

.reveal-left.visible {
  opacity: 1;
  transform: translateX(0);
}

.reveal-right.visible {
  opacity: 1;
  transform: translateX(0);
}

.reveal-scale.visible {
  opacity: 1;
  transform: scale(1);
}

/* --- Hover Animasyonları --- */
.hover-glow:hover {
  box-shadow: 0 0 20px rgba(126, 231, 135, 0.15);
}

.hover-lift:hover {
  transform: translateY(-4px);
}

/* --- Pulse (CTA butonları için) --- */
.pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(35, 134, 54, 0.4); }
  70%  { box-shadow: 0 0 0 12px rgba(35, 134, 54, 0); }
  100% { box-shadow: 0 0 0 0 rgba(35, 134, 54, 0); }
}

/* --- Float (dekoratif elementler) --- */
.float {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}

/* --- Fade In Variants --- */
.fade-in {
  animation: fadeIn 0.5s ease forwards;
}

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

/* --- Typing Cursor --- */
.typing-cursor {
  display: inline-block;
  width: 8px;
  height: 1.1em;
  background: var(--green);
  vertical-align: text-bottom;
  animation: blink 1s step-end infinite;
}

/* --- Counter shimmer --- */
.stat-number {
  background: linear-gradient(90deg, var(--green), var(--green2), var(--green));
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* --- Staggered animations (initial state main.css'te) --- */
.stagger.visible > * {
  opacity: 1;
  transform: translateY(0);
}

/* --- Prefers reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-scale {
    opacity: 1;
    transform: none;
  }
}