/* [hors-planning 2026-10-05 · HP-EPE-DESIGN] Refonte EPE — styles propres à la famille « socle », en complément des feuilles des maquettes (styles/refonte/epe-*.css). */

/* Styles en ligne de la maquette d'accueil, passés en classes (aucun style="" dans un gabarit). */
.hero-visual { margin: 0; }
.footer-contact-link { margin-top: 15px; }

/* Fil d'Ariane : la feuille compilée Bootstrap 4 dessine « / » entre deux .breadcrumb-item ; la maquette dessine
   « › » (.breadcrumbs li+li:before). On garde celui de la maquette. */
.breadcrumbs .breadcrumb-item + .breadcrumb-item { padding-left: 0; }
.breadcrumbs .breadcrumb-item + .breadcrumb-item::before { content: '›'; float: none; padding-right: 0; margin-right: 10px; color: #8296ae; }
.breadcrumbs .breadcrumb-item.active { color: var(--ink); }

/* En-tête : salutation de l'usager connecté, dans la zone pratique. */
.utility-nav .bienvenue { color: var(--muted); font-size: 15px; }

/* Pied : réseaux sociaux de l'ancien pied, gardés (G1). Les magasins d'applications sont retirés (ABC-4-273). */
.footer .socials { display: flex; gap: 12px; list-style: none; padding: 0; margin: 12px 0; }
.footer .socials a { color: #fff; }

/* [C-R-153] Icônes de réseaux (X, LinkedIn…) : UNE règle de taille et d'alignement pour tous les emplacements (pied, page contact). */
.icone-reseau { width: 24px; height: 24px; flex: none; fill: currentColor; }
.socials a { display: inline-flex; align-items: center; gap: 8px; }

/* La feuille compilée d'Encore grise une .section sur deux (.section:nth-child(2n){background-color:#f1f1f1}) :
   la maquette n'a de fond que sur le bandeau des étapes. */
.section:nth-child(2n) { background-color: transparent; }
.step-band.section:nth-child(n) { background-color: var(--pale); }

/* [C-4-135] Accueil : fonds de sections alternés (claire / grise) ; le gris est celui du parcours « Un parcours simple
   pour participer » (var(--pale)), aucune nouvelle teinte. Sélecteurs plus forts que la règle :nth-child(2n) ci-dessus. */
.section.bande--claire:nth-child(n) { background-color: #fff; }
.section.bande--grise:nth-child(n) { background-color: var(--pale); }

/* [ABC-4-273] Accueil : le second formulaire de recherche (un nom d'élu, une commune, un territoire) est séparé du premier. */
.search-box .epe-recherche-territoire { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
/* [ABC-4-273] Statistiques et dossiers : la méthode d'un indicateur (population, date, méthode, limites) en liste de définitions lisible. */
.methode { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0 0 18px; }
.methode dt { font-weight: 600; color: var(--navy); }
.methode dd { margin: 0; }
@media (max-width: 760px) { .methode { grid-template-columns: 1fr; gap: 0; } .methode dd { margin-bottom: 8px; } }
.actualite { border-top: 1px solid var(--line); padding: 22px 0; }
.actualite__dates, .actualite__concernes { color: var(--muted); font-size: 15px; }
.actualite__automatique { color: var(--muted); font-size: 15px; font-style: italic; }
.actualite__correction { background: var(--pale); border-left: 4px solid var(--red); padding: 10px 14px; }
.dossier-regime { font-size: 15px; color: var(--muted); }
.dossier-section--actuel .dossier-regime { color: var(--blue); }
.dossier-date { font-size: 14px; color: var(--muted); }