/* ==========================================================
   V47 — PALETTE TRICOLORE INSTITUTIONNELLE
   Bleu / blanc / rouge en haut du header + nuances douces
   inspirées du logo EMSS83 et d'une identité institutionnelle.
   ========================================================== */

:root{
  --v47-blue:#285c88;
  --v47-blue-soft:#e8f1f7;
  --v47-sky:#eef6fa;
  --v47-red:#c83e4b;
  --v47-red-soft:#f8eaec;
  --v47-warm:#f8f5f1;
  --v47-mint:#edf5f2;
  --v47-lilac:#f1eef8;
  --v47-line:#d7e2e8;
}

/* Base : davantage de nuances, toujours très lumineuses */
html{background:#edf3f6}
body{
  background:
    radial-gradient(circle at 0% 12%,rgba(200,62,75,.045),transparent 23%),
    radial-gradient(circle at 100% 24%,rgba(40,92,136,.055),transparent 28%),
    linear-gradient(180deg,#eef4f7 0%,#f7f8f7 55%,#edf3f6 100%)!important;
}

/* Bandeau tricolore discret en haut du header */
/* Bandeau tricolore déplacé SOUS le header pour rester visible
   même lorsqu'un bandeau d'information est affiché au-dessus du site. */
.site-header-v36{
  position:relative!important;
  overflow:visible!important;
  z-index:50!important;
}
.header-topline-v36{
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-5px!important;
  height:5px!important;
  width:100%!important;
  z-index:60!important;
  background:linear-gradient(
    90deg,
    #245b93 0%,
    #245b93 33.333%,
    #ffffff 33.333%,
    #ffffff 66.666%,
    #c93d48 66.666%,
    #c93d48 100%
  )!important;
  border-top:1px solid rgba(25,57,78,.06)!important;
  border-bottom:0!important;
}

/* Header légèrement teinté et plus raffiné */
.site-header-v36{
  background:linear-gradient(100deg,rgba(246,249,250,.98),rgba(238,245,248,.98))!important;
  box-shadow:0 9px 28px rgba(31,65,86,.07)!important;
}
.header-v36{min-height:92px!important}

/* Logo : fond clair institutionnel, sans écraser les couleurs originales */
.brand-logo-frame{
  background:linear-gradient(145deg,#fff,#eaf1f4)!important;
  border-color:rgba(40,92,136,.18)!important;
  box-shadow:0 8px 22px rgba(34,70,94,.10)!important;
}
.brand-name-v36 strong{color:#1f4868!important}
.brand-name-v36 span{color:#5e7482!important}

/* Navigation : plus de personnalité, sans assombrir */
.nav-v36{
  background:rgba(255,255,255,.62)!important;
  border-color:#d9e4e9!important;
  box-shadow:0 5px 18px rgba(31,65,86,.04)!important;
}
.nav-v36 a{color:#3b5666!important}
.nav-v36 a:hover{
  background:#eaf3f8!important;
  color:#245b84!important;
}
.nav-v36 a.active{
  background:linear-gradient(135deg,#f8fbfc,#e9f2f6)!important;
  color:#234d6d!important;
}

/* Réseaux et don : intégration plus douce */
.header-socials-v36{
  background:rgba(255,255,255,.54)!important;
  border-radius:16px!important;
  padding:5px!important;
  border:1px solid #dde7eb!important;
}
.donation-v36{
  background:linear-gradient(135deg,#c93d48,#b93342)!important;
  box-shadow:0 9px 20px rgba(201,61,72,.16)!important;
}

/* Hero : bleu perlé avec touches rouges et beige très légères */
.public-hero-v19{
  background:
    radial-gradient(circle at 12% 16%,rgba(201,61,72,.09),transparent 25%),
    radial-gradient(circle at 85% 15%,rgba(40,92,136,.10),transparent 29%),
    radial-gradient(circle at 48% 100%,rgba(229,215,194,.18),transparent 33%),
    linear-gradient(135deg,#edf4f7 0%,#e7f0f4 48%,#f5f3ef 100%)!important;
}
.hero-copy .eyeline{
  border-color:rgba(201,61,72,.22)!important;
  background:rgba(255,255,255,.66)!important;
}
.hero-values .value{
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(40,92,136,.10)!important;
}
.hero-values .value:nth-child(2){background:rgba(235,244,248,.82)!important}
.hero-values .value:nth-child(3){background:rgba(250,239,240,.76)!important}
.hero-side .hero-badge,
.hero-custom-image{
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(235,244,248,.75))!important;
  border-color:rgba(40,92,136,.12)!important;
}

/* Missions : alternance très légère de tons institutionnels */
.public-missions-v36{
  background:
    linear-gradient(90deg,rgba(40,92,136,.025),transparent 50%,rgba(201,61,72,.025)),
    linear-gradient(180deg,#f7fafb,#eef4f6)!important;
}
.mission-strip-grid-v36 .strip-item:nth-child(1){
  background:linear-gradient(180deg,#f8fbfc,#eaf3f7)!important;
}
.mission-strip-grid-v36 .strip-item:nth-child(2){
  background:linear-gradient(180deg,#fbf8f8,#f7ecee)!important;
}
.mission-strip-grid-v36 .strip-item:nth-child(3){
  background:linear-gradient(180deg,#fbfaf6,#f4f1e9)!important;
}
.mission-strip-grid-v36 .strip-item:nth-child(4){
  background:linear-gradient(180deg,#f8fbfa,#ebf4f0)!important;
}
.mission-strip-grid-v36 .strip-item{
  border-color:#dbe6ea!important;
  box-shadow:0 10px 24px rgba(30,65,86,.045)!important;
}

/* Actualités : bleu ciel très doux */
.news-showcase,
.public-gallery-v19{
  background:
    radial-gradient(circle at 92% 10%,rgba(40,92,136,.055),transparent 25%),
    linear-gradient(180deg,#eaf3f7,#f4f8fa)!important;
}
.news-showcase .featured,
.article-card{
  background:rgba(255,255,255,.76)!important;
}

/* Statistiques : ton perlé distinct */
.emss-stats-premium{
  background:
    radial-gradient(circle at 12% 85%,rgba(201,61,72,.045),transparent 22%),
    linear-gradient(135deg,#edf1f5,#e4edf2)!important;
}
.stat-card:nth-child(2n){
  background:linear-gradient(180deg,#f8fbfc,#edf5f8)!important;
}
.stat-card:nth-child(3n){
  background:linear-gradient(180deg,#fcf9f9,#f7eeee)!important;
}

/* Témoignages : légèrement chaleureux */
.public-testimonials{
  background:
    radial-gradient(circle at 8% 10%,rgba(201,61,72,.045),transparent 23%),
    linear-gradient(180deg,#f5f2ee,#edf3f5)!important;
}
.testimonial-card{
  background:rgba(255,255,255,.74)!important;
}

/* Newsletter : bleu clair + rose très discret */
.public-module-newsletter{
  background:
    radial-gradient(circle at 0% 100%,rgba(201,61,72,.055),transparent 25%),
    radial-gradient(circle at 100% 0%,rgba(40,92,136,.08),transparent 30%),
    linear-gradient(135deg,#eaf2f6,#f4f2ef)!important;
}
.newsletter-form-wrap{
  background:rgba(250,251,251,.90)!important;
}

/* Pages de contenu : éviter le blanc uniforme */
.public-page,.content-section,.contact-section{
  background:linear-gradient(180deg,#f1f6f8,#f8f7f5)!important;
}

/* Footer : on conserve l'institutionnel mais avec une transition colorée */
.public-footer-v19{
  background:
    linear-gradient(90deg,rgba(201,61,72,.22),transparent 28%),
    linear-gradient(135deg,#153c57 0%,#214f70 55%,#2c607f 100%)!important;
}

@media(max-width:820px){
  .header-topline-v36{height:4px!important;bottom:-4px!important}
  .header-v36{min-height:82px!important}
}


/* ==========================================================
   V49 — FOND GÉNÉRAL LÉGER ET INSTITUTIONNEL
   Évite le blanc uniforme sans alourdir la lecture.
   ========================================================== */

html{
  background:#eef3f5!important;
}

body{
  background:
    radial-gradient(900px 420px at -10% 8%, rgba(40,92,136,.055), transparent 68%),
    radial-gradient(760px 380px at 108% 24%, rgba(201,61,72,.035), transparent 70%),
    radial-gradient(850px 440px at 45% 92%, rgba(213,197,174,.045), transparent 70%),
    linear-gradient(180deg,#f2f6f7 0%,#f8f8f6 38%,#eef4f6 100%)!important;
  background-attachment:fixed!important;
}

/* Texture extrêmement discrète : effet papier/perlé, sans image lourde */
body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:.34!important;
  background-image:
    linear-gradient(rgba(40,92,136,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(40,92,136,.010) 1px, transparent 1px)!important;
  background-size:42px 42px!important;
}

/* Le contenu reste lumineux et lisible, avec des séparations naturelles */
.public-hero-v19,
.public-missions-v36,
.news-showcase,
.emss-stats-premium,
.public-testimonials,
.public-module-newsletter,
.public-gallery-v19{
  position:relative!important;
}

@media(max-width:820px){
  body{
    background-attachment:scroll!important;
  }
  body:before{
    opacity:.22!important;
  }
}


/* ==========================================================
   V50 — CORRECTION VISIBLE DU FOND
   Les sections avaient encore leurs propres fonds opaques :
   on nuance directement les grandes zones visibles du site.
   ========================================================== */

body{
  background:#edf3f5!important;
}

/* Alternance douce entre les vraies sections affichées */
.public-hero-v19{
  background:
    radial-gradient(circle at 12% 18%,rgba(40,92,136,.09),transparent 30%),
    radial-gradient(circle at 88% 15%,rgba(201,61,72,.055),transparent 28%),
    linear-gradient(135deg,#e7f0f4 0%,#f4f6f5 58%,#eef2ef 100%)!important;
}

.public-missions-v36{
  background:linear-gradient(180deg,#f3f6f6 0%,#e9f0f2 100%)!important;
}

.public-gallery-v19,
.public-news-v19{
  background:
    radial-gradient(circle at 92% 18%,rgba(40,92,136,.065),transparent 32%),
    linear-gradient(180deg,#e8f2f6 0%,#f1f5f6 100%)!important;
}

.latest-all{
  background:linear-gradient(180deg,#f3f5f3,#e9eff1)!important;
}

.public-support-v19{
  background:
    radial-gradient(circle at 8% 75%,rgba(201,61,72,.045),transparent 28%),
    linear-gradient(135deg,#f5f2ed,#eef3f4)!important;
}

.public-testimonials{
  background:
    radial-gradient(circle at 12% 15%,rgba(201,61,72,.055),transparent 25%),
    linear-gradient(180deg,#f3f0ed,#e8f0f3)!important;
}

.public-module-newsletter{
  background:
    radial-gradient(circle at 0% 100%,rgba(201,61,72,.07),transparent 28%),
    radial-gradient(circle at 100% 0%,rgba(40,92,136,.10),transparent 30%),
    linear-gradient(135deg,#e5f0f4,#f2f1ee)!important;
}

/* Cartes : blanc cassé pour conserver la lisibilité sans effet clinique */
.news-showcase .featured,
.article-card,
.testimonial-card,
.newsletter-public-card{
  background:rgba(252,253,252,.88)!important;
}

/* Filet de transition subtil entre les grandes zones */
.public-missions-v36,
.public-gallery-v19,
.public-news-v19,
.latest-all,
.public-support-v19,
.public-testimonials,
.public-module-newsletter{
  border-top:1px solid rgba(40,92,136,.055)!important;
}


/* ==========================================================
   V51 — CORRECTION LISIBILITÉ NEWSLETTER
   Le fond reste institutionnel, mais la carte et les textes
   retrouvent un contraste fort et une lecture confortable.
   ========================================================== */

.public-module-newsletter{
  background:
    radial-gradient(circle at 100% 0%,rgba(40,92,136,.055),transparent 32%),
    linear-gradient(135deg,#edf4f6 0%,#f4f5f3 100%)!important;
  color:#263f4f!important;
}

.public-module-newsletter h1,
.public-module-newsletter h2,
.public-module-newsletter h3,
.public-module-newsletter .section-title,
.public-module-newsletter strong{
  color:#214b68!important;
  text-shadow:none!important;
}

.public-module-newsletter p,
.public-module-newsletter .section-text,
.public-module-newsletter .newsletter-intro{
  color:#4b6370!important;
}

.newsletter-form-wrap,
.newsletter-public-card,
.public-module-newsletter .newsletter-card{
  background:#ffffff!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #d8e4e9!important;
  box-shadow:0 14px 32px rgba(31,65,86,.08)!important;
}

.newsletter-form-wrap label,
.newsletter-public-card label,
.public-module-newsletter label{
  color:#355567!important;
  font-weight:700!important;
}

.newsletter-form-wrap input,
.newsletter-public-card input,
.public-module-newsletter input[type="email"],
.public-module-newsletter input[type="text"]{
  background:#f8fbfc!important;
  color:#263f4f!important;
  border:1px solid #cfdde4!important;
}

.newsletter-form-wrap input::placeholder,
.newsletter-public-card input::placeholder,
.public-module-newsletter input::placeholder{
  color:#7b909b!important;
  opacity:1!important;
}

.public-module-newsletter button,
.newsletter-form-wrap button,
.newsletter-public-card button{
  color:#ffffff!important;
  background:linear-gradient(135deg,#285c88,#346f98)!important;
  text-shadow:none!important;
}

.public-module-newsletter .newsletter-privacy,
.public-module-newsletter small,
.public-module-newsletter .form-help{
  color:#637984!important;
}


/* ==========================================================
   V52 — CORRECTION CONTRASTE HERO + NEWSLETTER
   Réparation ciblée : aucune nouvelle image.
   ========================================================== */

/* HERO / SOUTIEN : on restaure une image visible et un vrai contraste */
.public-support-v19{
  background-color:#e9eff2!important;
  background-image:
    linear-gradient(90deg,
      rgba(238,243,245,.94) 0%,
      rgba(238,243,245,.82) 38%,
      rgba(238,243,245,.34) 66%,
      rgba(31,58,78,.12) 100%),
    var(--support-bg-image, none)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

.public-support-v19::before,
.public-support-v19::after{
  opacity:1!important;
}

/* Le texte ne doit plus être blanc sur un fond clair */
.public-support-v19 .support-eyebrow,
.public-support-v19 .section-kicker{
  color:#5d7684!important;
}

.public-support-v19 h1,
.public-support-v19 h2,
.public-support-v19 h3,
.public-support-v19 .section-title{
  color:#1f3f57!important;
  text-shadow:none!important;
}

.public-support-v19 p,
.public-support-v19 .section-text,
.public-support-v19 .support-description{
  color:#49616f!important;
  opacity:1!important;
}

/* Les cartes/points à droite retrouvent une vraie présence */
.public-support-v19 .support-card,
.public-support-v19 .support-stat,
.public-support-v19 .support-point{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(40,92,136,.14)!important;
  color:#28475b!important;
  box-shadow:0 10px 26px rgba(31,65,86,.08)!important;
}

.public-support-v19 .support-card *,
.public-support-v19 .support-stat *,
.public-support-v19 .support-point *{
  opacity:1!important;
}

/* NEWSLETTER : contraste fort sur TOUS les contenus */
.public-module-newsletter{
  background:linear-gradient(135deg,#e7f0f4 0%,#f2f4f2 100%)!important;
}

.public-module-newsletter,
.public-module-newsletter *{
  text-shadow:none!important;
}

.public-module-newsletter .newsletter-eyebrow,
.public-module-newsletter .eyebrow{
  color:#486b7d!important;
  opacity:1!important;
}

.public-module-newsletter h1,
.public-module-newsletter h2,
.public-module-newsletter h3,
.public-module-newsletter .section-title{
  color:#1e405b!important;
  opacity:1!important;
}

.public-module-newsletter p,
.public-module-newsletter .newsletter-intro,
.public-module-newsletter .section-text{
  color:#405b69!important;
  opacity:1!important;
}

/* Les 3 avantages doivent être lisibles sans exception */
.public-module-newsletter .newsletter-benefit,
.public-module-newsletter .newsletter-benefits,
.public-module-newsletter .benefit-item,
.public-module-newsletter .feature-item,
.public-module-newsletter .newsletter-pill{
  opacity:1!important;
  color:#29485d!important;
}

.public-module-newsletter .newsletter-benefit *,
.public-module-newsletter .newsletter-benefits *,
.public-module-newsletter .benefit-item *,
.public-module-newsletter .feature-item *,
.public-module-newsletter .newsletter-pill *{
  color:#29485d!important;
  opacity:1!important;
}

.public-module-newsletter .newsletter-benefit,
.public-module-newsletter .benefit-item,
.public-module-newsletter .feature-item,
.public-module-newsletter .newsletter-pill{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(40,92,136,.12)!important;
}

/* Sélecteurs génériques pour les 3 textes demandés */
.public-module-newsletter [class*="tag"],
.public-module-newsletter [class*="chip"],
.public-module-newsletter [class*="point"]{
  color:#29485d!important;
  background:rgba(255,255,255,.70)!important;
  opacity:1!important;
}

/* Boutons : conserver le rouge institutionnel et un texte net */
.public-support-v19 .btn,
.public-support-v19 button,
.public-module-newsletter .btn,
.public-module-newsletter button{
  opacity:1!important;
  color:#fff!important;
  background:#c7353d!important;
}


/* ==========================================================
   V53 — CORRECTION DÉFINITIVE DES TEXTES ILLISIBLES
   ========================================================== */

/* ANNULATION DES OPACITÉS HÉRITÉES DANS LES ZONES PUBLIQUES */
.public-support-v19 .support-content,
.public-support-v19 .support-content *,
.public-module-newsletter .newsletter-content,
.public-module-newsletter .newsletter-content *,
.public-module-newsletter .newsletter-copy,
.public-module-newsletter .newsletter-copy *{
  opacity:1 !important;
}

/* ===== MODULE SOUTIEN : textes des blocs à droite ===== */
.public-support-v19 [class*="support"] [class*="label"],
.public-support-v19 [class*="support"] [class*="text"],
.public-support-v19 [class*="support"] [class*="title"],
.public-support-v19 [class*="support"] p,
.public-support-v19 [class*="support"] span{
  color:#38576a !important;
}

.public-support-v19 [class*="support"] [class*="number"],
.public-support-v19 [class*="support"] h3{
  color:#1f435d !important;
}

/* ===== NEWSLETTER : correction exacte des 3 avantages ===== */
.public-module-newsletter .newsletter-features,
.public-module-newsletter .newsletter-benefits,
.public-module-newsletter .newsletter-list,
.public-module-newsletter .newsletter-points{
  opacity:1 !important;
  color:#294b5f !important;
}

.public-module-newsletter .newsletter-features *,
.public-module-newsletter .newsletter-benefits *,
.public-module-newsletter .newsletter-list *,
.public-module-newsletter .newsletter-points *{
  opacity:1 !important;
  color:#294b5f !important;
  visibility:visible !important;
}

/* Cible aussi les éléments réels même si les classes changent */
.public-module-newsletter li,
.public-module-newsletter .feature,
.public-module-newsletter .benefit,
.public-module-newsletter [class*="feature"],
.public-module-newsletter [class*="benefit"],
.public-module-newsletter [class*="advantage"]{
  color:#294b5f !important;
  opacity:1 !important;
}

.public-module-newsletter li *,
.public-module-newsletter .feature *,
.public-module-newsletter .benefit *,
.public-module-newsletter [class*="feature"] *,
.public-module-newsletter [class*="benefit"] *,
.public-module-newsletter [class*="advantage"] *{
  color:#294b5f !important;
  opacity:1 !important;
}

/* Les coches restent rouges institutionnelles et visibles */
.public-module-newsletter .newsletter-features i,
.public-module-newsletter .newsletter-benefits i,
.public-module-newsletter li::before,
.public-module-newsletter [class*="check"]{
  color:#bd3941 !important;
  opacity:1 !important;
}

/* Si les 3 points sont des badges/pills */
.public-module-newsletter [class*="pill"],
.public-module-newsletter [class*="badge"],
.public-module-newsletter [class*="tag"]{
  color:#294b5f !important;
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(40,92,136,.16) !important;
  opacity:1 !important;
}

/* Texte secondaire newsletter : contraste renforcé */
.public-module-newsletter small,
.public-module-newsletter .form-help,
.public-module-newsletter .newsletter-privacy{
  color:#536c79 !important;
  opacity:1 !important;
}


/* ==========================================================
   V54 — HERO : STATISTIQUES ET LIBELLÉS ILLISIBLES
   Correction ciblée des 3 indicateurs :
   Des vies aidées / Un territoire plus sûr / Une solidarité durable
   ========================================================== */

.public-hero,
.hero,
.hero-section,
[class*="hero"]{
  --hero-stat-text:#29495c;
  --hero-stat-icon:#bf3942;
}

/* Conteneurs des statistiques : contraste réel sur fond clair */
.public-hero [class*="stat"],
.public-hero [class*="metric"],
.public-hero [class*="value"],
.public-hero [class*="impact"],
.hero [class*="stat"],
.hero [class*="metric"],
.hero [class*="value"],
.hero [class*="impact"],
.hero-section [class*="stat"],
.hero-section [class*="metric"],
.hero-section [class*="value"],
.hero-section [class*="impact"]{
  opacity:1 !important;
  color:var(--hero-stat-text) !important;
}

/* Tous les textes internes des indicateurs */
.public-hero [class*="stat"] *,
.public-hero [class*="metric"] *,
.public-hero [class*="impact"] *,
.hero [class*="stat"] *,
.hero [class*="metric"] *,
.hero [class*="impact"] *,
.hero-section [class*="stat"] *,
.hero-section [class*="metric"] *,
.hero-section [class*="impact"] *{
  opacity:1 !important;
  visibility:visible !important;
}

/* Libellés textuels : priorité maximale sur les anciennes règles délavées */
.public-hero [class*="stat"] span,
.public-hero [class*="stat"] p,
.public-hero [class*="stat"] small,
.public-hero [class*="stat"] strong,
.public-hero [class*="metric"] span,
.public-hero [class*="metric"] p,
.public-hero [class*="metric"] small,
.public-hero [class*="impact"] span,
.public-hero [class*="impact"] p,
.hero [class*="stat"] span,
.hero [class*="stat"] p,
.hero [class*="stat"] small,
.hero [class*="metric"] span,
.hero [class*="metric"] p,
.hero [class*="impact"] span,
.hero [class*="impact"] p,
.hero-section [class*="stat"] span,
.hero-section [class*="stat"] p,
.hero-section [class*="metric"] span,
.hero-section [class*="metric"] p,
.hero-section [class*="impact"] span,
.hero-section [class*="impact"] p{
  color:#29495c !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Icônes des 3 points */
.public-hero [class*="stat"] i,
.public-hero [class*="stat"] svg,
.public-hero [class*="stat"] .icon,
.public-hero [class*="metric"] i,
.public-hero [class*="metric"] svg,
.public-hero [class*="metric"] .icon,
.public-hero [class*="impact"] i,
.public-hero [class*="impact"] svg,
.public-hero [class*="impact"] .icon,
.hero [class*="stat"] i,
.hero [class*="stat"] svg,
.hero [class*="metric"] i,
.hero [class*="metric"] svg,
.hero [class*="impact"] i,
.hero [class*="impact"] svg,
.hero-section [class*="stat"] i,
.hero-section [class*="stat"] svg,
.hero-section [class*="metric"] i,
.hero-section [class*="metric"] svg,
.hero-section [class*="impact"] i,
.hero-section [class*="impact"] svg{
  color:#bf3942 !important;
  stroke:#bf3942 !important;
  fill:currentColor !important;
  opacity:1 !important;
}

/* Correction spécifique par contenu lorsque les classes ne sont pas homogènes */
.public-hero [data-label],
.hero [data-label],
.hero-section [data-label]{
  color:#29495c !important;
  opacity:1 !important;
}

/* Cartes de stats : légère surface blanche pour détacher les textes du fond */
.public-hero [class*="stat-card"],
.public-hero [class*="metric-card"],
.public-hero [class*="impact-card"],
.hero [class*="stat-card"],
.hero [class*="metric-card"],
.hero [class*="impact-card"],
.hero-section [class*="stat-card"],
.hero-section [class*="metric-card"],
.hero-section [class*="impact-card"]{
  background:rgba(255,255,255,.56) !important;
  border:1px solid rgba(39,73,92,.12) !important;
}


/* ==========================================================
   V55 — CORRECTION DÉFINITIVE DES 3 INDICATEURS "SOUTENIR"
   Classes réelles : .support-metrics > .metric
   ========================================================== */

.support .support-metrics{
  opacity:1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(170px,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.support .support-metrics .metric{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:118px !important;
  padding:22px 24px !important;

  /* Fond suffisamment contrasté : les textes ne peuvent plus se perdre */
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(20,59,71,.18) !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px rgba(20,59,71,.10) !important;

  color:#183c55 !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  text-shadow:none !important;
}

.support .support-metrics .metric b{
  display:block !important;
  margin:0 0 12px !important;

  /* Icône plus visible */
  font-size:34px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#c63b45 !important;

  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

.support .support-metrics .metric{
  /* Texte du libellé */
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#183c55 !important;
}

/* Neutralise explicitement toute ancienne règle de transparence */
.support .support-metrics,
.support .support-metrics .metric,
.support .support-metrics .metric *,
.support .support-metrics .metric b{
  opacity:1 !important;
  visibility:visible !important;
}

/* Petit accent institutionnel en haut de chaque carte */
.support .support-metrics .metric::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:24px !important;
  width:42px !important;
  height:3px !important;
  border-radius:0 0 4px 4px !important;
  background:#c63b45 !important;
}

@media(max-width:900px){
  .support .support-metrics{
    grid-template-columns:1fr !important;
  }
  .support .support-metrics .metric{
    min-height:100px !important;
  }
}