/* ============================================================
   vitrine.css — le site vitrine d'Espace Coaching (mission 56)
   ------------------------------------------------------------
   Site À PART de l'application (décision V-2) : rien d'ici n'utilise
   public/ ni functions/, et l'inverse. La page reprend la maquette
   approuvée (_echanges/maquette-vitrine.dc.html) : ses styles en ligne
   sont gardés tels quels dans le HTML; ce fichier porte ce qui était
   dans son <helmet> (valeurs IDENTIQUES), les polices AUTO-HÉBERGÉES,
   et le peu qui n'existait pas dans la maquette (pot de miel, message
   d'erreur de l'envoi, pages de texte).
   Aucune police de Google, aucun service extérieur, aucun témoin.
   ============================================================ */

/* Les polices : les MÊMES fichiers que public/fonts/ (Source Serif 4,
   Source Sans 3, licence OFL, fichiers OFL-*.txt à côté), sous les noms
   que les styles de la maquette utilisent. */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('/fonts/SourceSerif4-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('/fonts/SourceSerif4-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                 U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('/fonts/SourceSans3-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('/fonts/SourceSans3-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                 U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Le <helmet> de la maquette, tel quel. */
body{margin:0;background:#FAF7F2;color:#2B2A27;font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:18px;line-height:1.55}
a{color:#3F5E4A}a:hover{color:#2A4334}
:focus-visible{outline:3px solid #4F6F5A;outline-offset:3px}
h1,h2,h3{font-family:'Source Serif 4',Georgia,serif;color:#2B2A27}

/* « hidden » doit l'emporter sur les display: flex en ligne de la maquette. */
[hidden] { display: none !important; }

/* Le pot de miel : hors de l'écran (pas display: none, que certains robots repèrent), hors de l'ordre de tabulation. */
.pot-de-miel {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* L'erreur de l'envoi : les couleurs « brique » de la planche (public/css/espace.css). */
.message-envoi {
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #FBEAE7;
  border: 1px solid #E3A398;
  color: #8A2A1C;
  font-size: 16px;
  line-height: 1.5;
}

/* Les pages de texte (politique de confidentialité, 404) : même colonne de lecture. */
.page-texte {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 88px;
}
.page-texte__retour { margin: 0 0 28px; font-size: 17px; }
.page-texte__corps h1 { margin: 0 0 8px; font-size: 40px; line-height: 1.15; font-weight: 600; }
.page-texte__corps h2 { margin: 32px 0 8px; font-size: 24px; font-weight: 600; }
.page-texte__corps p { margin: 0 0 12px; }
.page-texte__version { color: #6B665E; font-size: 16px; }

@media (max-width: 640px) {
  .page-texte__corps h1 { font-size: 32px; }
}

/* V-8 (décision de Pierre-André, verdict de la mission 56) : le TÉLÉPHONE a ses propres tailles, sous 640 px SEULEMENT.
   Les classes vt-* sont posées sur l'accueil (index.html) par-dessus les styles en ligne de la maquette, d'où les
   !important. Sur ordinateur, ces classes n'ont AUCUN effet : rien ne bouge. */
@media (max-width: 640px) {
  .vt-h1 { font-size: 34px !important; line-height: 1.15 !important; }
  .vt-h2 { font-size: 28px !important; }
  .vt-intro { font-size: 18px !important; }
  .vt-hero { padding-top: 40px !important; padding-bottom: 40px !important; }
  .vt-section { padding-top: 48px !important; padding-bottom: 48px !important; }
  .vt-section-haut { padding-top: 48px !important; }
}