/* ============================================================
   AUREX RÉNO-PRO — ANIMATIONS.CSS v3.0
   Animations cinématographiques, fluides, premium
   ============================================================ */

/* ── LOGO — LUEUR CUIVRE ── */
@keyframes lueurOr {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(184,131,58,0)); }
  50%       { filter: drop-shadow(0 0 10px rgba(184,131,58,.5)); }
}

.logo-embleme { animation: lueurOr 5s ease-in-out infinite; }

/* ── HERO — APPARITION TEXTE ── */
@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeLine {
  from { opacity: 0; transform: scaleX(0); transform-origin: left; }
  to   { opacity: 1; transform: scaleX(1); }
}

.hero-eyebrow       { animation: fadeSlideUp .8s ease .2s both; }
.hero-titre         { animation: fadeSlideUp .9s ease .4s both; }
.hero-phrase        { animation: fadeSlideUp .8s ease .55s both; }
.hero-desc          { animation: fadeSlideUp .8s ease .7s both; }
.hero-actions       { animation: fadeSlideUp .8s ease .85s both; }
.hero-indicateurs   { animation: fadeSlideUp .8s ease 1s both; }

/* ── HERO IMAGE — ZOOM LENT ── */
@keyframes heroZoom {
  from { transform: scale(1.08); }
  to   { transform: scale(1); }
}

.hero-image {
  animation: heroZoom 10s ease forwards;
}

/* ── BARRE DE PROGRESSION ── */
@keyframes apparitionBarre {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

.barre-sticky {
  animation: apparitionBarre .5s ease 1.8s both;
}

/* ── BANDEAU CONFIANCE ── */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.bandeau-item {
  animation: fadeIn .5s ease both;
}
.bandeau-item:nth-child(1) { animation-delay: .1s; }
.bandeau-item:nth-child(2) { animation-delay: .2s; }
.bandeau-item:nth-child(3) { animation-delay: .3s; }
.bandeau-item:nth-child(4) { animation-delay: .4s; }
.bandeau-item:nth-child(5) { animation-delay: .5s; }

/* ── HOVER BOUTON PRIMAIRE — EFFET RIDEAU ── */
/* déjà géré via ::before dans main.css */

/* ── HOVER ÉTAPE PROCESSUS ── */
.etape-numero {
  transition: background .35s ease, color .35s ease, transform .2s ease;
}

.etape:hover .etape-numero {
  transform: scale(1.08);
}

/* ── ZONE CHIP — ENTRÉE DÉCALÉE ── */
@keyframes chipApparition {
  from { opacity: 0; transform: translateY(10px) scale(.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── MANIFESTE IMAGES — PARALLAXE ── */
/* géré par JS dans animations.js */

/* ── LIGNES DÉCORATIVES PULSANTES ── */
@keyframes pulseLigne {
  0%, 100% { opacity: .3; }
  50%       { opacity: .8; }
}

.manifeste-citation { animation: pulseLigne 4s ease-in-out infinite; }

/* ── SCROLL REVEAL ── */
@keyframes revealUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── PREFERS REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}