/* =============================================================
// FILE: transitions.css (Contoh Isi)
// ============================================================= */

/* CONTAINER UTAMA */
.transition-container {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* FASA KELUAR (Content Lama) */
.page-out {
    opacity: 0 !important;
    /* Optional: Memberi sedikit gerakan sliding */
    transform: translateY(-10px); 
}

/* FASA MASUK (Content Baru) */
.page-in {
    opacity: 0;
    transform: translateY(10px); /* Mulai dari bawah */
}

/* FASA AKHIR (Content ditampilkan) */
.page-loaded {
    opacity: 1;
    transform: translateY(0);
}

#app-container {
    /* Durasi harus sama dengan TRANSITION_DURATION di router.js (150ms) */
    transition: opacity 0.15s ease-in-out; 
}