/*
Theme Name:   Forzo Child – Olam
Description:  Thème enfant de Forzo pour Olam Productions : pages projet (films et dispositifs), rose Olam et transitions.
Author:       Olam Productions
Template:     forzo
Version:      1.3.0
Text Domain:  forzo-child
*/

/* ---------------------------------------------------------------
   Transitions entre les pages (tout le site)
   Fondu natif du navigateur lors d'un changement de page.
   Les navigateurs qui ne le gèrent pas chargent la page normalement.
---------------------------------------------------------------- */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: olam-fade-out .28s ease both;
}

::view-transition-new(root) {
  animation: olam-fade-in .45s ease both;
}

@keyframes olam-fade-out {
  to { opacity: 0; }
}

@keyframes olam-fade-in {
  from { opacity: 0; }
}

/* ---------------------------------------------------------------
   Apparition au défilement (tout le site)
   Ajoutez la classe CSS « olam-reveal » à n'importe quel bloc
   (champ « Classes CSS additionnelles » de l'éditeur) pour qu'il
   monte en fondu en entrant à l'écran.
---------------------------------------------------------------- */
.olam-js [data-reveal],
.olam-js .olam-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--olam-delay, 0s);
}

.olam-js [data-reveal].is-in,
.olam-js .olam-reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }

  .olam-js [data-reveal],
  .olam-js .olam-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}