/* =========================================================================
   PAGE DE TEXTE — politique de confidentialité, mentions légales
   -------------------------------------------------------------------------
   Une page qu'on lit, pas une page qu'on parcourt. Aucun acte, aucun
   défilement piloté : une colonne de texte, la barre du site en haut, un pied
   sobre en bas. Le corps vient du contenu WordPress, pour qu'un texte légal
   se corrige depuis l'administration sans toucher au code.

   ⚠️ `scrollcraft.css` livre son propre thème par défaut : fond sombre, encre
   pâle, accent vert lime. Comme la 404, cette page repose les jetons de la
   marque, sinon elle sort verte et sombre.
   ========================================================================= */

:root {
  --sc-canvas:     #FAF8F5;
  --sc-surface:    #FFFFFF;
  --sc-ink:        #262626;
  --sc-ink-soft:   #5E5E5E;
  --sc-accent:     #ECAB02;
  --sc-accent-ink: #383838;
  --sc-font-display: 'Poppins', system-ui, sans-serif;
  --sc-font-text:    'Poppins', system-ui, sans-serif;

  /* Le jaune lisible en TEXTE sur fond pâle. Le jaune vif n'y passe pas. */
  --t-accent-ink: #7A5B00;
  --t-line: rgba(38, 38, 38, 0.14);
  --t-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html, body {
  background: var(--sc-canvas);
  color: var(--sc-ink);
  font-family: var(--sc-font-text);
}

/* --- La colonne ------------------------------------------------------- */
.t-texte {
  padding: clamp(76px, 11vw, 140px) clamp(20px, 5vw, 72px) clamp(40px, 6vw, 72px);
}
.t-texte__c {
  /* 62 caractères de large : au-delà, l'œil perd la ligne suivante. */
  max-width: 38rem;
  margin-inline: auto;
}

.t-texte__points { display: flex; gap: 9px; margin: 0 0 clamp(18px, 3vw, 26px); }
.t-texte__pt { width: 12px; height: 12px; border-radius: 50%; display: block; }
.t-texte__pt--jaune { background: var(--sc-accent); }
.t-texte__pt--gris { background: #D8D4CC; }

.t-texte__sur {
  margin: 0 0 clamp(10px, 1.4vw, 14px);
  font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--sc-ink-soft);
}
.t-texte__titre {
  margin: 0 0 clamp(26px, 4vw, 40px);
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 700; letter-spacing: -0.032em; line-height: 1.06;
  text-wrap: balance;
}

/* --- Le corps, tel qu'il vient de WordPress ---------------------------- */
.t-texte__corps { font-size: clamp(1rem, 1.1vw, 1.0625rem); line-height: 1.68; color: var(--sc-ink-soft); }
.t-texte__corps > *:first-child { margin-top: 0; }

.t-texte__corps h2 {
  margin: clamp(38px, 5vw, 56px) 0 clamp(12px, 1.6vw, 16px);
  font-size: clamp(1.25rem, 2.1vw, 1.5rem);
  font-weight: 600; letter-spacing: -0.022em; line-height: 1.2;
  color: var(--sc-ink);
}
.t-texte__corps h3 {
  margin: clamp(26px, 3vw, 34px) 0 8px;
  font-size: 1.0625rem; font-weight: 600; color: var(--sc-ink);
}
.t-texte__corps p { margin: 0 0 clamp(14px, 1.8vw, 18px); }
.t-texte__corps strong { color: var(--sc-ink); font-weight: 600; }

.t-texte__corps ul { margin: 0 0 clamp(14px, 1.8vw, 18px); padding-left: 1.15em; }
.t-texte__corps li { margin-bottom: 7px; }
.t-texte__corps li::marker { color: var(--t-accent-ink); }

.t-texte__corps code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  background: rgba(38, 38, 38, 0.06);
  padding: 2px 6px; border-radius: 4px;
  color: var(--sc-ink);
}

.t-texte__corps a {
  color: var(--t-accent-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(122, 91, 0, 0.4);
  transition: text-decoration-color 180ms var(--t-ease);
}
.t-texte__corps a:hover { text-decoration-color: var(--t-accent-ink); }

.t-texte__maj {
  margin: clamp(34px, 4.5vw, 48px) 0 0;
  padding-top: clamp(16px, 2vw, 22px);
  border-top: 1px solid var(--t-line);
  font-size: 0.875rem; color: var(--sc-ink-soft);
}

/* --- Le pied ----------------------------------------------------------- */
.t-texte__pied {
  background: var(--sc-ink);
  color: #FFFFFF;
  padding: clamp(36px, 5vw, 56px) clamp(20px, 5vw, 72px);
}
.t-texte__pied-c { max-width: 38rem; margin-inline: auto; }
.t-texte__pied p { margin: 0; font-size: 0.9375rem; line-height: 1.9; }
.t-texte__pied a { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
.t-texte__pied a:hover { border-bottom-color: var(--sc-accent); }
.t-texte__pied .t-sep { color: rgba(255, 255, 255, 0.5); margin: 0 10px; }
.t-texte__pied .t-droits {
  margin-top: clamp(18px, 2.4vw, 26px);
  font-size: 0.8125rem; color: rgba(255, 255, 255, 0.52);
}
.t-texte__pied :focus-visible { outline: 3px solid var(--sc-accent); outline-offset: 3px; }

/* Le lien d'évitement, identique aux autres pages. */
.t-evite {
  position: absolute; left: -9999px; top: 0;
  background: var(--sc-ink); color: #FFFFFF;
  padding: 12px 18px; z-index: 100; border-radius: 0 0 8px 0;
}
.t-evite:focus { left: 0; }