/* =========================================================
   AutoSurat BPS - Transisi antarhalaman

   Menggunakan cross-document View Transitions.
   Navigasi tetap berjalan normal: tidak ada preventDefault,
   timeout navigasi, atau intersepsi submit form.
   Kedua dokumen yang berpindah harus memuat stylesheet ini.
   ========================================================= */

@view-transition {
    navigation: auto;
}

/* Halaman lama memudar dan sedikit bergerak ke atas. */
::view-transition-old(root) {
    animation: autosuratViewOut 240ms ease-in both;
}

/* Halaman baru muncul dengan fade-in dan gerakan halus. */
::view-transition-new(root) {
    animation: autosuratViewIn 260ms ease-out both;
}

@keyframes autosuratViewOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-6px);
    }
}

@keyframes autosuratViewIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hormati preferensi aksesibilitas: kurangi gerakan bila diminta. */
@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none !important;
    }
}