/* Mise en page partagée par les pages de détail de campagne (campagne-*.php). Chaque
   page ne garde dans son propre fichier CSS que ce qui lui est spécifique : l'image de
   fond du hero, la taille de titre, la couleur de l'encadré et ses blocs additionnels. */

.hero{position:relative;min-height:60vh;display:flex;align-items:flex-end}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,36,29,.15),rgba(32,36,29,.78))}
.hero-contenu{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:5rem 1.2rem 3rem;color:var(--blanc);width:100%}
.badge{display:inline-block;background:var(--soleil);color:var(--nuit);font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.35rem .95rem;margin-bottom:1rem}
.hero h1{font-weight:800;margin-bottom:.8rem}
.hero p{font-size:1.15rem;opacity:.95}

.contenu{max-width:1160px;margin:0 auto;padding:4rem 1.2rem;display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:start}
.histoire h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;margin:1.8rem 0 .8rem}
.histoire h2:first-child{margin-top:0}
.histoire p{margin-bottom:1.1rem;opacity:.88}
.histoire ul{margin:0 0 1.1rem 1.2rem;opacity:.88}
.histoire li{margin-bottom:.4rem}

.don-colonne{position:sticky;top:96px}
.don-carte{background:var(--blanc);border-radius:20px;box-shadow:0 12px 40px rgba(32,36,29,.12);padding:1.8rem;margin-bottom:1rem}
.jauge{position:relative;height:22px;background:rgba(32,36,29,.1);border-radius:999px;overflow:hidden;margin-bottom:.6rem}
.jauge-eau{position:absolute;inset:0;width:var(--progres, 0%);border-radius:999px;background:linear-gradient(90deg,var(--eau),#5fb3da);animation:remplir 1.6s ease-out}
@keyframes remplir{from{width:0}}
@media (prefers-reduced-motion:reduce){.jauge-eau{animation:none!important}}
.jauge-infos{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.4rem}
.jauge-infos strong{font-family:'Bricolage Grotesque',sans-serif;color:var(--laterite);font-size:1.3rem}
.don-carte .reste{font-size:.9rem;opacity:.7;margin-bottom:0}
.zeffy-cadre{background:var(--blanc);border-radius:20px;box-shadow:0 12px 40px rgba(32,36,29,.12);overflow:hidden}
.zeffy-cadre iframe{width:100%;height:760px;border:0;display:block}
.zeffy-note{font-size:.85rem;opacity:.65;text-align:center;padding:.8rem 1rem}

.partage{background:var(--nuit);color:var(--papier);text-align:center;padding:4rem 1.2rem}
.partage h2{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;margin-bottom:.8rem}
.partage p{max-width:55ch;margin:0 auto 1.6rem;opacity:.88}
.partage .btn{background:var(--soleil);color:var(--nuit);margin:0 .3rem}
.partage .btn:hover{background:#f5c65e}

@media (max-width:920px){.contenu{grid-template-columns:1fr}.don-colonne{position:static}}