/* ============================================================ TRANSISI ANTAR MENU MY ACCOUNT — 16 September 2026 ============================================================ Diminta admin: "bisakah kamu buat perpindahan dari menu ke menu lebih smooth". Cara kerjanya: browser memotret halaman lama, memuat halaman baru, lalu memudarkan yang lama ke yang baru. Tidak ada tampilan, data, atau tata letak yang berubah — hanya cara pergantiannya. 🟢 CAKUPANNYA SENGAJA SEMPIT. Aturan ini hanya ada di berkas CSS halaman My Account, dan transisi lintas-halaman hanya aktif kalau halaman ASAL dan TUJUAN sama-sama memuatnya. Jadi ia berlaku antar menu My Account saja — bukan seluruh situs. 🟢 AMAN DI BROWSER LAMA: yang belum mendukung mengabaikan seluruh blok ini, dan perpindahan kembali seperti biasa. Tidak ada jalur yang bisa rusak. ⚠️ INI MEMBUAT TERASA LEBIH HALUS, BUKAN LEBIH CEPAT. Waktu tunggu server tidak berubah sama sekali (LocalWP ±800 ms, live ±380 ms). 🔴 SEBELUM NAIK KE LIVE: wajib dicoba di iPhone asli. Dukungan Safari untuk transisi lintas-halaman masih simpang siur — itu sudah tercatat sebagai §5 no.1 di antrean, dan alasannya sama. Kalau Safari tidak mendukung, akibatnya cuma "tidak ada transisi", bukan rusak. 🔴 CARA MENCABUTNYA kalau admin tidak suka: hapus blok ini saja (sampai penanda AKHIR TRANSISI di bawah). Tidak ada bagian lain yang bergantung padanya. ============================================================ */ /* 16 September 2026 — DIHIDUPKAN LAGI setelah diuji. Transisi TIDAK terbukti jadi penyebab kedipan: kedipan berasal dari ikon akun header yang terlambat 49-75 ms DI LocalWP. Di live selisihnya 0-1 ms. */ @view-transition { navigation: auto; } ::view-transition-old(root) { animation: rune-akun-keluar .18s ease both; } ::view-transition-new(root) { animation: rune-akun-masuk .22s ease both; } @keyframes rune-akun-keluar { to { opacity: 0; } } @keyframes rune-akun-masuk { from { opacity: 0; } } /* Hormati pembeli yang mematikan animasi di setelan perangkatnya. */ @media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; } } /* ==================== AKHIR TRANSISI ==================== */ /* ============================================================ 🔴 16 September 2026 — TATA LETAK PINDAH DARI JAVASCRIPT KE SERVER ============================================================ DULU: seluruh aturan di bawah digantungkan pada `.rune-account-grid`, sebuah pembungkus yang DIBUAT JAVASCRIPT saat halaman dirakit. Terukur 16 Sep: 62 dari 100 elemen berubah tampilannya begitu kelas itu muncul — sidebar dari transparan tanpa garis menjadi kartu #111 bergaris, lebar 261px menjadi 220px, dan seterusnya. Karena itu halaman WAJIB ditahan sampai JS selesai; kalau tidak, pembeli melihat versi bawaan WooCommerce dulu. Penahan itulah yang dirasakan admin sebagai "kosong dulu, lalu muncul sekaligus". SEKARANG: aturan menempel pada `.entry-content > .woocommerce` — elemen yang DIKIRIM SERVER sejak byte pertama, dan yang MEMANG sudah menjadi induk langsung dari nav + konten (diverifikasi di 5 halaman My Account: anaknya persis dua, tidak ada elemen lain yang bisa terselip ke dalam grid). Pembungkus buatan JS sudah dimatikan di rune-account.php. 🔴 JANGAN kembalikan ke `.rune-account-grid`. 🔴 Elemen yang MASIH dibuat JS dan belum dipindah: .rune-account-user (avatar), .rune-account-page-label, .rune-address-card, tombol aksi order. Itu sebabnya penahan anti-kedip BELUM dicabut. ============================================================ */ /* ============================================================ RUNE — CSS HALAMAN MY ACCOUNT Dipindah dari rune-account.php (blok