/* =========================================================================
   Effets « wow » — utilisés UNIQUEMENT par les pages d'aperçu.
   Chaque effet s'active via une classe .wow-* sur .home-wrap.
   Sans cette classe, ce fichier n'a aucun effet.
   ========================================================================= */

/* ---- 1. Animations d'entrée en cascade ---- */
.wow-animations .hero-eyebrow,
.wow-animations .hero-title,
.wow-animations .hero-carousel,
.wow-animations .hero-subtitle {
  opacity: 0;
  transform: translateY(26px);
  animation: wowUp .9s cubic-bezier(.16, .84, .44, 1) forwards;
}
.wow-animations .hero-eyebrow  { animation-delay: .10s; }
.wow-animations .hero-title    { animation-delay: .26s; }
.wow-animations .hero-carousel { animation-delay: .46s; }
.wow-animations .hero-subtitle { animation-delay: .68s; }
@keyframes wowUp { to { opacity: 1; transform: none; } }

/* ---- 2. Révélation des sections au défilement (.reveal ajouté par wow.js) ---- */
.wow-defilement .reveal {
  opacity: 0; transform: translateY(34px);
  transition: opacity .8s var(--ease, ease), transform .8s var(--ease, ease);
}
.wow-defilement .reveal.is-visible { opacity: 1; transform: none; }

/* ---- 3. Fond dégradé « Rivière » + vague décorative ---- */
.wow-riviere .hero {
  position: relative; overflow: hidden;
  padding-bottom: calc(3rem + clamp(48px, 7vw, 90px));
  background: linear-gradient(180deg, #eef5f2 0%, #dcebe5 55%, #cfe3dc 100%);
}
.wow-riviere .hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(70% 80% at 50% -10%, rgba(63, 125, 132, .14), transparent 65%);
}
.wow-riviere .hero-carousel { box-shadow: 0 18px 44px -18px rgba(44, 82, 87, .55); }
/* La vague est collée au bas du hero : sa partie pleine « monte » dans le dégradé. */
.wow-riviere .hero-wave {
  position: absolute; left: 0; right: 0; bottom: -1px;
  width: 100%; height: clamp(48px, 7vw, 90px);
  color: var(--white); display: block;
}
/* Raccord net : la section qui suit adopte la couleur de la vague. */
.wow-riviere .hero + section { background: var(--white); }

/* ---- 4. Accent typographique sur le titre ----
   Dégradé « Reflet doré » : bleu profond → vert d'eau → sable.
   Variantes possibles :
     A (Rivière) : linear-gradient(95deg, #2c5257 0%, #3f7d84 52%, #6ba3a0 100%)
     C (Profondeur) : linear-gradient(95deg, #24474b 0%, #3f7d84 60%, #5aa0a0 100%)   */
.wow-titre .hero-title {
  background: linear-gradient(95deg, #2c5257 0%, #3f7d84 48%, #c59a5f 82%, #d8b98a 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.wow-titre .hero-title::after {
  content: ""; display: block; width: 84px; height: 4px; border-radius: 2px;
  margin: .9rem auto 0;
  background: linear-gradient(90deg, #3f7d84, #d8b98a);
}