/* Raccords entre le prototype et GeneratePress. Chargée après page.css, dans le
   thème seulement — le prototype ne la lit pas. Elle efface ce que GeneratePress
   ajoute autour du contenu (conteneur, marges, titre, article) pour que les
   sections du prototype touchent les bords, et neutralise les styles de blocs qui
   contrediraient la charte. */

/* --- Le contenu touche les bords, comme le prototype --------------------------- */
/* GeneratePress enferme la page dans .grid-container (1200 px, marges auto, gouttières) :
   les sections sont pleine largeur, le conteneur est celui du prototype (.container). */
.site.grid-container,
.grid-container {
  max-width: none;
  margin: 0;
  padding: 0;
}
.site-content,
.content-area,
.site-main,
.inside-article,
.entry-content {
  margin: 0;
  padding: 0;
  max-width: none;
}
.site-main > article { margin: 0; }
.separate-containers .inside-article,
.one-container .inside-article { padding: 0; }
/* Pas de remise à zéro des marges entre sections : .section--devant remonte de la
   hauteur de sa vague par une marge négative (components.css), et cette règle,
   plus spécifique, l'annulait — la vague se dessinait blanc sur blanc, visible
   seulement sur la photo qui déborde. Les sections n'ont pas de marge par ailleurs. */

/* --- Titres et textes : la charte l'emporte sur la base de GeneratePress -------
   GeneratePress redéclare h1, h2 et h3 (famille héritée, 42/35/29 px, marges) après
   les styles globaux, et les règles :where() du prototype pèsent zéro : le H1 sortait
   en Manrope à 42 px. Mêmes valeurs que page.css, en spécificité d'élément, chargées
   en dernier. Les composants à classe (.title--plain, .card__tag, .voies__titre…)
   gardent la main, comme dans le prototype. */
h1, h2 {
  font-family: var(--ff-display);
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
}
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 {
  font-family: inherit;
  font-size: 1.17em;
  font-weight: 700;
  line-height: inherit;
  margin: 0;
}
p, ul, ol, dd, dl, figure, blockquote { margin: 0; }
ul[class], ol[class] { list-style: none; padding: 0; }
blockquote { border: 0; padding: 0; font-size: inherit; font-style: italic; }
table, td, th { border: 0; }

/* --- Les blocs natifs reprennent la charte ------------------------------------- */
.entry-content h1,
.entry-content h2,
.entry-content h3 { margin: 0; }
.entry-content p { margin-bottom: 0; }
/* Les listes sans classe perdent la marge de GeneratePress ; celles du prototype
   (.logos, .etapes, .livrables…) gardent leurs propres marges et utilitaires (.mt-section). */
.entry-content ul:not([class]),
.entry-content ol:not([class]) { margin: 0; }
.entry-content a:not([class]) { color: inherit; }

/* Le bloc Paragraphe de l'éditeur peut porter nos classes de prose. */
.entry-content .prose > * + * { margin-top: calc(var(--fs-body) * 1.2); }

/* --- Le menu de GeneratePress ne sert pas : son bouton mobile non plus ---------- */
.menu-toggle,
.main-navigation,
.site-footer .inside-site-info,
.site-info { display: none; }

/* --- Le bloc Bouton natif porte nos classes de pilule sur son enveloppe --------- */
.wp-block-button.pill { display: inline-block; }
.wp-block-button.pill > .wp-block-button__link {
  background: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
  font: inherit;
  text-decoration: none;
}
.wp-block-buttons { gap: 0.75rem; }

/* --- La FAQ en blocs natifs n'a pas de <details> : les lignes restent ouvertes, le
   titre 3 et la réponse dans la même rangée sauge. Pas de chevron. --------------- */
.faq__item.wp-block-group { padding: 0.8rem 1.1rem; }
.faq__item.wp-block-group h3 { font-family: var(--ff-heading); font-size: var(--fs-body); font-weight: 600; }
.faq__item.wp-block-group p { margin-top: 0.4rem; }