/* Il cambio pagina dentro l'app (T-6156).

   Un foglio a parte perché `@view-transition` non si lega a una classe:
   `base.html` lo carica con `media="(display-mode: standalone)"` per la PWA
   installata, e senza `media` nell'app iOS. Nel browser non si applica, e il
   sito cambia pagina come ogni sito.

   Una dissolvenza breve fra una pagina e l'altra, con le due barre ferme:
   è quello che fa sembrare la stessa app, invece di una pagina bianca e una
   nuova. Senza supporto (iOS prima del 18.2) la regola non fa niente; con
   «riduci movimento» non c'è. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.18s;
  }

  .site-header { view-transition-name: app-testata; }
  .app-bar { view-transition-name: app-barra; }
}