/* ============================================================
 * VITRINE — le texte d'introduction « Magic Desk, c'est quoi ? »
 * (02/11/2026). Le texte lui-même : vitrine_intro_fr.txt.
 * ⚠ Aucune couleur en dur : celles du thème (barre.css / vitrine.css).
 * ⚠ Pas de police réduite : le texte garde la taille normale de la page.
 * ============================================================ */
.vi-intro {
  max-width: 760px;
  margin: 8px auto 48px;
  padding: 0 16px;
  text-align: left;
  line-height: 1.65;
}
.vi-intro h2 {
  font-size: 1.6em;
  margin: 0 0 16px;
  text-align: center;
}
.vi-intro p {
  margin: 0 0 14px;
  font-size: 1.05em;
}
.vi-intro p:last-child {
  margin-bottom: 0;
  font-style: italic;
  text-align: center;
}

/* ★ 02/11/2026 — le choix de langue en haut (FR · EN · …), seulement
   quand au moins une autre langue existe. Même taille que « Mon compte ». */
.vi-haut-droite { display: flex; align-items: center; gap: 24px; }
.vi-langues { display: flex; gap: 12px; }
.vi-langues a { text-decoration: none; color: var(--c-texte-absent); font-weight: 600; }
.vi-langues a:hover { text-decoration: underline; }
.vi-langues a[aria-current="true"] { color: var(--c-texte); }
.vi-texte p { margin: 0 0 8px; }
.vi-texte p:last-child { margin-bottom: 0; }