/*
 * Hareket: içerik varsayılan olarak görünür. Giriş animasyonları yalnız
 * body.page-ready altında, fill-mode backwards ile ve yalnız "from" karesiyle
 * çalışır; son durum normal stildir (hover dönüşümleri ezilmez).
 */
:root {
  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* Genel site */
body.page-ready .grid .card { animation: card-in .45s var(--ease) backwards; }
body.page-ready .grid .card:nth-child(1) { animation-delay: 0s; }
body.page-ready .grid .card:nth-child(2) { animation-delay: .04s; }
body.page-ready .grid .card:nth-child(3) { animation-delay: .08s; }
body.page-ready .grid .card:nth-child(4) { animation-delay: .12s; }
body.page-ready .grid .card:nth-child(5) { animation-delay: .16s; }
body.page-ready .grid .card:nth-child(6) { animation-delay: .2s; }
body.page-ready .grid .card:nth-child(7) { animation-delay: .24s; }
body.page-ready .grid .card:nth-child(8) { animation-delay: .28s; }
body.page-ready .grid .card:nth-child(9) { animation-delay: .31s; }
body.page-ready .grid .card:nth-child(n+10) { animation-delay: .35s; }
body.page-ready .course-hero { animation: rise-in .45s var(--ease) backwards; }

.card { transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.card:hover { transform: translateY(-4px); }
.card-media img { transition: transform .6s var(--ease); }
.card:hover .card-media img { transform: scale(1.04); }
.course-hero-media img { transition: transform .8s var(--ease); }
.course-hero:hover .course-hero-media img { transform: scale(1.03); }

/* Yönetim */
body.page-ready .admin-main { animation: fade-in .16s ease-out backwards; }

@keyframes rise-in {
  from { opacity: 0; transform: translateY(12px); }
}
@keyframes card-in {
  from { opacity: 0; transform: translateY(14px); }
}
@keyframes fade-in {
  from { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}