/* Fix affichage v2.1 — lisibilité & hiérarchie */

/* 1. Titres internes : le <em> repasse en crème (visible sur fond vert) */
h1 em,h2 em{color:var(--cream)}
.section-head h2 em,.split h2 em,.page-hero h1 em{color:var(--cream)}
/* accent vert réservé aux titres sur fond clair */
.section:not(.stats-band):not(.page-hero) .section-head h2 em{color:var(--green2)}
.section:not(.stats-band):not(.page-hero) .split h2 em{color:var(--green2)}

/* 2. Fond des bandeaux verts : moins plat, voile plus profond à gauche pour le texte */
.page-hero .container{position:relative;z-index:3}  /* le texte AU-DESSUS du voile, plus jamais dessous */
.page-hero .hero-veil{background:linear-gradient(100deg,rgba(8,61,28,.9) 0%,rgba(8,61,28,.72) 55%,rgba(14,109,44,.45) 100%)}
.hero2 .veil{background:linear-gradient(100deg,rgba(8,61,28,.92) 0%,rgba(8,61,28,.8) 45%,rgba(14,109,44,.42) 100%)}
.hero-veil{background:linear-gradient(100deg,rgba(8,61,28,.88) 0%,rgba(8,61,28,.72) 45%,rgba(14,109,44,.38) 100%)}
/* la photo de fond : moins délavée, plus nette */
.page-hero .hero-bg,.hero .hero-bg{opacity:.5;filter:none}
.hero2 .ph img{opacity:.5;filter:saturate(.9)}

/* 3. Stats/quote/labels */
.quote{color:var(--green2)}
.quote-by{color:var(--muted)}
.kicker{color:var(--green2)}

/* 4. Eyebrow : vert + traits, plus contrasté */
.eyebrow{color:var(--green2)}
.eyebrow::before{background:var(--green2)}

/* 5. Bandeau don : fond vert profond (plus de marron) */
.donate-band{background:linear-gradient(120deg,#0b4a20,#189040)}
.donate-band h2{color:#fff}
.donate-band h2 em{color:var(--cream)}
.tier b{color:var(--cream)}

/* 6. header-cta active (page contact) : texte lisible */
.btn-gold.active{background:#f8f8c8;color:#0e6d2c}

/* 7. badges date or -> crème sur photo */
.ncard .date{background:var(--cream);color:#0e6d2c}

/* 8. tiers £ b : or -> crème */
.don-tiers b{color:var(--cream)}

/* 9. timeline points : vert */
.tl-item::before{background:var(--green);border-color:var(--pearl2);box-shadow:0 0 0 3px rgba(24,144,64,.25)}
.tl-item .yr{color:var(--green2)}

/* 10. Valeurs vcard svg/icônes : crème */
.vcard svg{color:var(--cream)}
.values-band::before{background:radial-gradient(600px 300px at 92% 0%,rgba(248,248,200,.12),transparent 60%)}
.vcard:hover{border-color:rgba(248,248,200,.4)}

/* 11. socials hover */
.socials a:hover{background:var(--green);color:#fff}

/* 12. pcard num & more en vert doux */
.pcard .num{color:rgba(24,144,64,.16)}
.pcard .more{color:var(--green2)}
.pcard h3 small{color:var(--muted)}

/* 13. formulaires focus */
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(24,144,64,.12)}

/* 14. loader reste vert */
#loader{background:linear-gradient(160deg,#083d1c,#0e6d2c)}

/* 15. hero h1 .huge dégradé blanc->crème légèrement plus opaque pour rester lisible */
.h-copy h1 .huge{background:linear-gradient(100deg,#ffffff 40%,#f8f8c8 85%)}