/* Fleur de Lune — animations & parallax (auto-hébergé, sobre, accessible) */

/* ---- Révélation au défilement ----
   L'état masqué (.fdl-reveal) est posé UNIQUEMENT par le JS : sans JS (ou si
   "animations réduites"), le contenu reste toujours visible. Aucun risque de blocage. */
.fdl-reveal { opacity: 0; transform: translateY(28px); }
.fdl-reveal.is-visible {
  opacity: 1;
  transform: none;
  transition: opacity 1s cubic-bezier(.22,.61,.36,1), transform 1s cubic-bezier(.22,.61,.36,1);
}

/* ---- Survols délicats ---- */
.fdl-card, .fdl-member { transition: transform .35s ease, box-shadow .35s ease; }
.wp-block-button__link, .fdl-submit { transition: transform .2s ease, box-shadow .2s ease; }
@media (hover: hover) {
  .fdl-card:hover, .fdl-member:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 28px rgba(52,70,51,.14);
  }
  .wp-block-button__link:hover, .fdl-submit:hover { transform: translateY(-2px); }
}

/* Images ajoutées dans le contenu (tailles & position type Word) */
.fdl-img{max-width:100%;height:auto;border-radius:8px;margin:.5rem 0}
.fdl-img-25{width:25%}
.fdl-img-50{width:50%}
.fdl-img-75{width:75%}
.fdl-img-100{width:100%}
.fdl-img-c{display:block;margin-left:auto;margin-right:auto;float:none}
.fdl-img-l{float:left;margin:.3rem 1.2rem .6rem 0}          /* habillage : texte à droite */
.fdl-img-r{float:right;margin:.3rem 0 .6rem 1.2rem}         /* habillage : texte à gauche */
.fdl-img-inline{display:inline-block;vertical-align:middle;float:none;margin:0 .35em}   /* dans le fil du texte */
@media(max-width:600px){
  .fdl-img-25,.fdl-img-50,.fdl-img-75{width:auto;max-width:100%}
  .fdl-img-l,.fdl-img-r{float:none;margin:.5rem auto;display:block}
}