/* ============================================================
📄 PAGES LÉGALES (cookies / confidentialité / mentions légales)
   Habillage typographique repris du manifeste, appliqué au contenu
   standard WordPress. Ciblé par la classe body « page-legal » (voir
   archi_is_legal_page).

   SPÉCIFICITÉ : le document Complianz est enveloppé dans #cmplz-document
   (sélecteur ID) qui bat les simples classes ; et GeneratePress imprime sa
   CSS de .inside-article EN LIGNE, après cette feuille, gagnant à spécificité
   égale. On cible donc à la fois .entry-content (pages confidentialité/mentions,
   sans ID) ET #cmplz-document (page cookies), en montant la spécificité, avec
   !important sur les quelques propriétés que le thème/plugin surchargeait.
============================================================ */

/* Titre de page (dans .entry-header, hors #cmplz-document). Marge haute réduite pour
   coller le contenu sous le header. */
.page-legal .entry-title {
  font-family: "The Bigmouth Regular", sans-serif;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.5px;
  color: var(--color-text);
  margin: 16px 0 18px;
}

/* Corps du document */
.page-legal .entry-content,
.page-legal #cmplz-document {
  font-family: "Archivo", sans-serif;
  font-size: 12px !important;
  color: var(--color-text);
}

.page-legal .entry-content p,
.page-legal #cmplz-document p {
  font-size: 12px !important;
  margin-top: 0 !important;   /* le paragraphe vient coller sous son titre */
  margin-bottom: 10px;
  line-height: 1.5;
}

/* Titres numérotés (1., 2., …) — repris des H2 du manifeste : majuscules Archivo.
   Marge FORCÉE (!important) : sans ça GeneratePress applique sa marge de titre par
   défaut (~20px), rouvrant un écart avant le paragraphe. */
.page-legal .entry-content h2,
.page-legal #cmplz-document h2 {
  font-family: "Archivo", sans-serif;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  color: var(--color-text);
  line-height: 1.2 !important;   /* la boîte du titre épouse son texte (pas de bande sous le titre) */
  padding: 0 !important;
  margin: 28px 0 4px !important;
}

.page-legal .entry-content h3,
.page-legal .entry-content h4,
.page-legal .entry-content h5,
.page-legal #cmplz-document h3,
.page-legal #cmplz-document h4,
.page-legal #cmplz-document h5 {
  font-family: "Archivo", sans-serif;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--color-text);
  margin: 20px 0 3px !important;
}

.page-legal .entry-content ul,
.page-legal .entry-content ol,
.page-legal #cmplz-document ul,
.page-legal #cmplz-document ol {
  margin: 8px 0 18px 18px;
  padding: 0;
}

.page-legal .entry-content li,
.page-legal #cmplz-document li {
  font-size: 12px !important;
  margin-bottom: 2px;
}

.page-legal .entry-content a,
.page-legal #cmplz-document a {
  color: var(--color-main);
  text-decoration: underline;
}

/* Tables Complianz (liste des cookies) — sobre, cohérent avec la palette du thème. */
.page-legal .entry-content table,
.page-legal #cmplz-document table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 20px;
  font-size: 11px !important;
}

.page-legal .entry-content th,
.page-legal .entry-content td,
.page-legal #cmplz-document th,
.page-legal #cmplz-document td {
  border: 1px solid var(--color-border);
  padding: 6px 8px;
  text-align: left;
  vertical-align: top;
}

.page-legal .entry-content th,
.page-legal #cmplz-document th {
  background: var(--color-fill);
  font-weight: 700;
}

/* Marges : coller le texte aux marges du site (comme le manifeste). Les marges globales
   viennent de .site-content { padding: 0 var(--site-margin) }. GeneratePress empile
   PAR-DESSUS plusieurs conteneurs (content-area / site-main / inside-article / entry-content)
   dont certains ajoutent un padding/margin horizontal — on neutralise TOUTE la chaîne pour
   que le contenu s'étende d'une marge à l'autre, symétriquement, sans deviner lequel dévie.
   Le padding vertical de .inside-article est conservé (règle horizontale uniquement). */
/* GeneratePress met .site-content en flexbox (grille contenu / sidebar) : sans sidebar,
   l'item flex .content-area ne s'étend pas à 100% et reste calé à gauche sur ~la moitié.
   On repasse .site-content en bloc simple (sa valeur d'origine dans le thème enfant) pour
   que le contenu occupe toute la largeur entre les marges du site. */
body.page-legal .site-content {
  display: block !important;
}

body.page-legal .content-area,
body.page-legal .site-main,
body.page-legal .inside-article,
body.page-legal .entry-content,
body.page-legal #cmplz-document {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
  float: none !important;
}

/* Le contenu légal n'est qu'un texte sur le fond blanc du site (pas de « boîte »).
   padding-top:0 → le contenu remonte coller sous le header (GP posait 30px). */
body.page-legal .inside-article {
  padding-top: 0 !important;
  background: none;
  border: 0;
  box-shadow: none;
}