/* ==========================================================================
   Indri Ethnics — Sayfa geçişleri (slideshow / dikey yukarı kayma)
   Native View Transitions API ile cross-document (MPA) geçiş:
   eski sayfa yukarı kayar, yeni sayfa alttan yukarı kayarak gelir.
   JS YOK → WooCommerce sepet/checkout/add-to-cart JS'ine dokunmaz.
   Desteklemeyen tarayıcıda sessizce normal navigasyona düşer (kırılma yok).
   ========================================================================== */

@view-transition {
	navigation: auto;
}

/* Çıkış: mevcut sayfa yukarı kayarak gider. */
@keyframes sc-vt-out-up {
	from { transform: translateY(0); }
	to   { transform: translateY(-100%); }
}

/* Giriş: yeni sayfa alttan yukarı kayarak gelir. */
@keyframes sc-vt-in-up {
	from { transform: translateY(100%); }
	to   { transform: translateY(0); }
}

/* Eski ve yeni anlık görüntüler aynı anda kayar (slideshow hissi).
   Varsayılan cross-fade'i değil, dikey kaymayı kullanıyoruz. */
::view-transition-old(root) {
	animation: sc-vt-out-up 0.55s cubic-bezier(0.76, 0, 0.24, 1) both;
}

::view-transition-new(root) {
	animation: sc-vt-in-up 0.55s cubic-bezier(0.76, 0, 0.24, 1) both;
}

/* Yeni sayfa eskinin üstünde kalsın (kayarken örtsün). */
::view-transition-image-pair(root) {
	isolation: isolate;
}

/* Hareket azaltma tercihinde geçiş kapanır (anında, erişilebilirlik). */
@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root) {
		animation: none;
	}
}