/* Retouches Horizon — Zoe, 2026-09-18.
   Fichier SEPARE de style.css, que integration/decouper.py regenere : un ajout la-bas serait efface. */

/* ================= 1. En-tete collant =================
   Le site pose deja position:sticky sur .entete, sans aucun effet : chacun de ses parents fait
   EXACTEMENT sa hauteur (87 px), et un element collant ne peut coller que DANS son parent, donc
   sur une course de zero pixel. On remonte la propriete au <header>, enfant du body. */
header.elementor-location-header{position:sticky;top:0;z-index:100;transition:box-shadow .32s ease}
header.elementor-location-header.mp-colle{box-shadow:0 6px 26px rgba(43,31,26,.10)}
header.elementor-location-header .entete{position:static;transition:background-color .32s ease}
header.elementor-location-header .entete-int{transition:padding .3s ease}
header.elementor-location-header.mp-colle .entete-int{padding-top:10px;padding-bottom:10px}

/* ================= 2. Apparitions au defilement ================= */
.mp-rev{opacity:0;transform:translate3d(0,22px,0);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}
.mp-rev.mp-vu{opacity:1;transform:none}
.mp-rev-d1{transition-delay:.08s}
.mp-rev-d2{transition-delay:.16s}
.mp-rev-d3{transition-delay:.24s}

/* ================= 3. Pied de page centre ================= */
.pied-int{justify-items:center;text-align:center}
.pied-int > div{display:flex;flex-direction:column;align-items:center}
.pied-marque{align-items:center}
.pied-marque p{max-width:34ch;margin-left:auto;margin-right:auto}
.pied-membre .badges{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.pied ul{padding-left:0;text-align:center}
.pied-bas-int{justify-content:center;text-align:center}

/* ================= Accessibilite =================
   Qui demande moins d'animation n'en recoit aucune, et surtout voit tout le contenu. */
@media (prefers-reduced-motion: reduce){
  .mp-rev{opacity:1 !important;transform:none !important;transition:none !important}
  header.elementor-location-header{transition:none}
  header.elementor-location-header .entete-int{transition:none}
}