/* sb-actu-discover-mdt : styles additifs de la section /actualite/ — feuille A MOI, jamais
 * fusionnee dans style.css (reserve). N'utilise QUE les variables deja definies par le theme
 * (--fond,--encre,--doux,--filet,--accent,--titre,--courant,--rayon) : si le theme change ses
 * couleurs, cette feuille suit automatiquement, sans redefinir aucun token. */

.sbad-badge{
  display:inline-block;font-family:var(--courant);font-size:10px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:.3rem .55rem;border:1px solid var(--filet-fort);
  color:var(--encre);background:var(--surf);border-radius:var(--rayon);margin-bottom:.6rem;
}
.sbad-badge[data-badge="alerte"]{border-color:var(--accent2);color:var(--accent2)}
.sbad-badge[data-badge="local"]{border-color:var(--accent);color:var(--accent)}

/* infographie : remplace <ul>/<li> a l'affichage pour les articles Actualite (regle "zero liste
 * a puces, zero tableau"). Bande de points numerotes, jamais une puce ronde. */
.sbad-infographie{
  display:grid;gap:1px;background:var(--filet);border:1px solid var(--filet);margin:1.6rem 0;
  border-radius:var(--rayon);overflow:hidden;
}
.sbad-point{display:flex;gap:.9rem;align-items:flex-start;background:var(--fond);padding:1rem 1.1rem}
.sbad-point-n{
  flex:0 0 auto;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;
  font-family:var(--titre);font-weight:700;font-size:14px;color:#fff;background:var(--accent);
  border-radius:var(--rayon);
}
.sbad-point-txt{font-family:var(--courant);font-size:15.5px;line-height:1.55;color:var(--encre)}
.sbad-point-txt strong{color:var(--encre)}
@media (min-width:720px){
  .sbad-infographie{grid-template-columns:1fr 1fr}
}

/* bloc Sources : pas de lien externe, presentation courte en pied d'article */
.sbad-sources{
  margin:2.2rem 0 .5rem;padding-top:1.1rem;border-top:1px solid var(--filet);
}
.sbad-sources-titre{
  font-family:var(--courant);font-size:10px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--doux);margin:0 0 .4rem;
}
.sbad-sources-texte{font-family:var(--courant);font-size:13.5px;line-height:1.6;color:var(--doux);margin:0}

/* page /actualite/ : reprend sb-heros / sb-grille / sb-carte (deja stylees par le theme) —
 * additions uniquement pour le liseré "section" et le chapo d'intro. */
.sbad-section-intro{
  font-family:var(--courant);font-size:16px;line-height:1.6;color:var(--doux);
  max-width:640px;margin:.6rem 0 0;
}
.sbad-region-lien{
  display:inline-block;font-family:var(--courant);font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:.15em;
}

/* etapes numerotees (A2, 26/09/2026, R-0605/0606/0496) : remplace la carte de texte plate par une
   vraie mise en scene — numero style, picto, hierarchie par type de section. Aucune nouvelle
   donnee, seulement le rendu (voir sb-actu-discover-mdt.php, filtre #6). */
.sbad-etape{
  margin:2.2rem 0;padding:1.35rem 1.3rem 1.5rem;background:var(--fond);border:1px solid var(--filet);
  border-left:4px solid var(--accent);border-radius:var(--rayon);
}
.sbad-etape--alerte{border-left-color:var(--accent2)}
/* 26/09/2026 (correctif) : numero+picto+titre vivent TOUS DANS le <h2> (pas en div-freres avant) —
   sinon l'encart de capture de leads que single.php insere « juste avant le h2 central » s'intercale
   entre le numero/picto et le titre, a l'interieur meme de la carte (regression constatee a la
   capture). En restant dans le h2, l'encart retombe avant la carte entiere, comme avant ce chantier. */
.sbad-etape h2{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:0 0 .9rem;font-size:20px}
.sbad-etape-n{
  font-family:var(--titre);font-weight:700;font-size:26px;line-height:1;letter-spacing:-.02em;
  color:var(--accent);
}
.sbad-etape--alerte .sbad-etape-n{color:var(--accent2)}
.sbad-etape-picto{
  flex:0 0 auto;width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;
  border-radius:var(--rayon);background:var(--surf);color:var(--accent);
}
.sbad-etape--alerte .sbad-etape-picto{color:var(--accent2)}
.sbad-etape-titre{flex:1 1 auto}
.sbad-etape-corps .sbad-infographie{margin-top:1.1rem}
.sbad-etape-corps>p:first-child{margin-top:0}
@media (max-width:480px){
  .sbad-etape{padding:1.05rem 1rem 1.2rem}
  .sbad-etape-n{font-size:21px}
  .sbad-etape-picto{width:1.9rem;height:1.9rem}
  .sbad-etape h2{font-size:18px}
}

/* Sources reelles (h2 Sources ecrit par le moteur depuis le 25/09) : nom + date, jamais de lien
   (R-0463), composant distinct du repli texte generique. */
.sbad-sources--reel{padding-top:1.1rem}
.sbad-sources-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .9rem}
.sbad-src-item{
  display:flex;align-items:baseline;gap:.4rem;font-family:var(--courant);font-size:13px;
  color:var(--doux);background:var(--surf);border:1px solid var(--filet);border-radius:var(--rayon);
  padding:.35rem .65rem;
}
.sbad-src-nom{font-weight:700;color:var(--encre)}
.sbad-src-date{opacity:.8}