/* =========================================================
   FH - Accueil : apparition au defilement
   Utilise par : cartes, dictionnaire, etancheite. Aucun effet sur le slider.
   Le JS n'ajoute fh-scroll-pending que si IntersectionObserver
   fonctionne. Les contenus restent visibles sans JavaScript.
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
    .home-directory .fh-scroll-item,
    .home-dictionary .fh-scroll-item,
    .home-resistancy .fh-scroll-item {
        transition-property: opacity, translate;
        transition-duration: 520ms;
        transition-timing-function: ease, cubic-bezier(.22, 1, .36, 1);
        transition-delay: var(--fh-scroll-delay, 0ms);
    }

    /* La propriete translate est independante de transform.
       Ainsi le hover existant des cartes reste intact. */
    .home-directory .fh-scroll-item.fh-scroll-pending,
    .home-dictionary .fh-scroll-item.fh-scroll-pending,
    .home-resistancy .fh-scroll-item.fh-scroll-pending {
        opacity: 0;
        translate: 0 16px;
    }

    /* Restaurer explicitement les transitions de site.css :
       le survol des cartes continue de fonctionner. */
    .home-directory .editorial-card.fh-scroll-item {
        transition-property: transform, box-shadow, border-color, opacity, translate;
        transition-duration: .22s, .22s, .22s, 520ms, 520ms;
        transition-timing-function: ease, ease, ease, ease, cubic-bezier(.22, 1, .36, 1);
        transition-delay: 0ms, 0ms, 0ms, var(--fh-scroll-delay, 0ms), var(--fh-scroll-delay, 0ms);
    }

    /* Delai discret pour les trois colonnes du bureau. */
    .home-directory .editorial-card:nth-child(3n + 2) { --fh-scroll-delay: 75ms; }
    .home-directory .editorial-card:nth-child(3n)     { --fh-scroll-delay: 150ms; }

    /* Dictionnaire : entree laterale sur grand ecran. */
    @media (min-width: 901px) {
        .home-dictionary .home-dictionary-media.fh-scroll-pending {
            translate: -18px 0;
        }
        .home-dictionary .home-dictionary-content.fh-scroll-pending {
            translate: 18px 0;
        }

        /* Etancheite : effet miroir du dictionnaire. */
        .home-resistancy .home-resistancy-content.fh-scroll-pending {
            translate: -18px 0;
        }
        .home-resistancy .home-resistancy-media.fh-scroll-pending {
            translate: 18px 0;
        }
    }
}

/* Mobile : une simple et courte apparition, sans cascade. */
@media (max-width: 710px) and (prefers-reduced-motion: no-preference) {
    .home-directory .fh-scroll-item,
    .home-dictionary .fh-scroll-item,
    .home-resistancy .fh-scroll-item {
        transition-duration: 260ms;
        transition-delay: 0ms;
    }
    .home-directory .editorial-card.fh-scroll-item {
        transition-duration: .22s, .22s, .22s, 260ms, 260ms;
        transition-delay: 0ms, 0ms, 0ms, 0ms, 0ms;
    }
    .home-directory .fh-scroll-item.fh-scroll-pending,
    .home-dictionary .fh-scroll-item.fh-scroll-pending,
    .home-resistancy .fh-scroll-item.fh-scroll-pending {
        translate: 0 8px;
    }
}