@view-transition {
    navigation: auto;
}

/* ─── Disabilita la transizione globale (header/footer restano fermi) ─── */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
}

/* ─── Assegna il nome al contenuto principale ───
   Senza questa riga le regole su main-content qui sotto non hanno
   alcun elemento da animare e la transizione resta invisibile. */
.wp-site-blocks main {
    view-transition-name: main-content;
}

/* ─── Keyframes ─── */
@keyframes vt-fade-in  { from { opacity: 0; translate: 0 20px; } }
@keyframes vt-fade-out { to   { opacity: 0; translate: 0 -20px; } }

/* ─── Anima solo il contenuto principale ─── */
::view-transition-old(main-content) {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) both vt-fade-out;
}
::view-transition-new(main-content) {
    animation: 450ms cubic-bezier(0.4, 0, 0.2, 1) both vt-fade-in;
}

/* ─── Morph immagini archivio → singolo post ─── */
[style*="view-transition-name: post-image-"] {
    border-radius: inherit;
}

/* ─── Accessibilità ─── */
@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(main-content),
    ::view-transition-new(main-content) {
        animation: none;
    }
}