/* ============================================================
   Anaç Otomotiv — Animasyon Yardımcı Sınıfları (animations.css)
   GSAP animasyon hedef sınıfları ve prefers-reduced-motion
   ============================================================ */

/* ===== GSAP Animasyon Başlangıç Durumları =====
   Bu sınıflar GSAP tarafından animasyon öncesi uygulanır.
   GSAP, animasyon sırasında inline style ile hedef duruma geçirir.
   ================================================ */

/* Genel reveal: görünmez başla */
.gsap-reveal {
  opacity: 0;
  visibility: hidden;
}

/* Fade-in: sadece opaklık */
.gsap-fade-in {
  opacity: 0;
}

/* Slide-up: aşağıdan yukarı kayarak giriş */
.gsap-slide-up {
  opacity: 0;
  transform: translateY(40px);
}

/* Slide-down: yukarıdan aşağı kayarak giriş */
.gsap-slide-down {
  opacity: 0;
  transform: translateY(-40px);
}

/* Slide-left: sağdan sola kayarak giriş */
.gsap-slide-left {
  opacity: 0;
  transform: translateX(40px);
}

/* Slide-right: soldan sağa kayarak giriş */
.gsap-slide-right {
  opacity: 0;
  transform: translateX(-40px);
}

/* Scale-in: küçükten büyüğe */
.gsap-scale-in {
  opacity: 0;
  transform: scale(0.85);
}

/* Rotate-in: hafif dönerek giriş */
.gsap-rotate-in {
  opacity: 0;
  transform: rotate(-5deg) scale(0.95);
}

/* Stagger container: çocuk öğeler sıralı animasyon */
.gsap-stagger > * {
  opacity: 0;
  transform: translateY(30px);
}

/* ===== Parallax Yardımcı ===== */
.gsap-parallax {
  will-change: transform;
}

/* ===== GPU Hızlandırma ===== */
.gsap-reveal,
.gsap-fade-in,
.gsap-slide-up,
.gsap-slide-down,
.gsap-slide-left,
.gsap-slide-right,
.gsap-scale-in,
.gsap-rotate-in {
  will-change: opacity, transform;
  backface-visibility: hidden;
}

/* ===== Animasyon Tamamlandı Durumu ===== */
.gsap-animated {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* ===== prefers-reduced-motion: Animasyonları Devre Dışı Bırak ===== */
@media (prefers-reduced-motion: reduce) {
  .gsap-reveal,
  .gsap-fade-in,
  .gsap-slide-up,
  .gsap-slide-down,
  .gsap-slide-left,
  .gsap-slide-right,
  .gsap-scale-in,
  .gsap-rotate-in {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .gsap-stagger > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .gsap-parallax {
    will-change: auto !important;
  }

  /* GSAP tarafından eklenen inline animasyonları geçersiz kıl */
  [style*="opacity"],
  [style*="transform"] {
    transition: none !important;
  }

  /* Hizmet kartları: 3D tilt ve hover efektlerini devre dışı bırak */
  .service-card-inner {
    transform: none !important;
    transition: none !important;
  }

  .service-card-bg {
    transition: none !important;
    transform: none !important;
  }

  .service-card:hover .service-card-bg {
    transform: none !important;
  }

  .service-card-info {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Yorum marquee carousel: animasyonu durdur */
  .reviews-marquee-track {
    animation: none !important;
  }
}
