/* ============================================================
   ERP+ : Coquille chrome-legal (V1.3)

   Feuille de coquille des surfaces legales (cgu, cgv ; migration
   #394, refs #364). Porte la coquille document (barre logo plus
   lien retour, document en colonne lisible 740px) PAR-DESSUS le
   trio canonique erp-tokens.css / erp-typography.css /
   erp-components.css.

   Doctrine (SKILL) : aucune couleur en dur. Toute couleur passe par
   var(--erp-*). Tout espacement par var(--sp-*), toute police par
   var(--erp-font-*). Recettes portees du kit
   docs/design/system-v1.3/system/system.css (section 6).
   ============================================================ */

/* ------------------------------------------------------------
   1. Wordmark (typographique, tokenise)
   Identique au wordmark de chrome-marketing.css et chrome-card.css :
   les coquilles ne sont jamais chargees ensemble (une coquille par
   surface), donc aucun conflit de cascade. Defini ici parce que les
   autres feuilles de coquille ne sont pas chargees sur cgu/cgv.
   ------------------------------------------------------------ */
.erp-logo {
  font-family: var(--erp-font-serif); font-weight: 500; font-size: 22px;
  letter-spacing: -0.01em; color: var(--erp-marine); line-height: 1;
  display: inline-flex; align-items: baseline; text-decoration: none;
}
.erp-logo .erp-logo__plus { color: var(--erp-terracotta); font-style: italic; padding-left: 1px; }

/* ------------------------------------------------------------
   2. Coquille document legal
   box-sizing: border-box pose au socle (erp-components.css, DA16).
   Le fond de page (cream) est porte par .erp-page du socle.
   ------------------------------------------------------------ */
.chrome-legal { min-height: 100vh; display: flex; flex-direction: column; }
.chrome-legal__bar {
  height: 68px; background: var(--erp-cream); border-bottom: 1px solid var(--erp-marine-line);
  display: flex; align-items: center; justify-content: space-between; padding: 0 var(--sp-8);
}
.chrome-legal__doc { max-width: 740px; margin: 0 auto; padding: var(--sp-8) var(--sp-5) var(--sp-9); }

/* Filet juridique en tete du document (article R186.1, seule exception de
   place). L'atome garde sa composition entiere, filet de separation compris :
   le registre n'admet aucune variation, et la barre de marque est a 64px au
   dessus, ce qui laisse le filet lire comme le sien et non comme un doublon du
   bord bas de la barre. Seule la respiration jusqu'au titre est posee ici, la
   coquille repondant de son rythme vertical. */
.chrome-legal__doc > .erp-legal-strip { margin-bottom: var(--sp-7); }

/* Rythme vertical du document (titre puis paragraphes). */
.chrome-legal__doc h1 { margin-bottom: var(--sp-5); }
.chrome-legal__doc p { margin-bottom: var(--sp-4); }