/* =========================================================================
   SAMZZSTORE — TRANSISI HALAMAN (versi ringan)
   Untuk halaman yang punya sistem visual sendiri (portofolio, demo,
   privasi, syarat, 404, maintenance) dan TIDAK memakai gaya.css.

   Sengaja hanya memuat dua hal:
     1. Perpindahan halaman (View Transitions API)
     2. Saklar prefers-reduced-motion

   Tidak ada resep komponen di sini — supaya tidak bentrok dengan
   kelas yang sudah dipakai halaman-halaman tersebut (mis. .btn dan
   .card milik Tailwind). Sistem komponen lengkap ada di transisi.css.
   ========================================================================= */

/* Pindah halaman: yang lama memudar & naik sedikit, yang baru masuk dari
   bawah. Browser tanpa View Transitions API hanya melihat cutoff biasa. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: th-keluar var(--th-dur) cubic-bezier(0.4, 0, 0.2, 1) both;
}
::view-transition-new(root) {
  animation: th-masuk var(--th-dur) cubic-bezier(0.22, 1, 0.36, 1) both;
}

:root {
  --th-dur: 420ms;
}

@keyframes th-keluar {
  to { opacity: 0; transform: translateY(-4px); }
}
@keyframes th-masuk {
  from { opacity: 0; transform: translateY(8px); }
}

/* View Transitions API tidak membaca custom property, jadi durasi di
   atas harus dikunci ulang di sini saat pengguna minta gerak minimal. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}