/**
 * Comm360 — « Texte révélé au marqueur » (Highlight Marker Text Reveal, reprise
 * fidèle d'Osmo).
 *
 * Chaque ligne de texte est recouverte d'une barre de couleur qui se réduit au
 * défilement, révélant le texte dessous. Le découpage en lignes est fait par
 * GSAP SplitText (aucun retour à la ligne manuel n'est requis).
 *
 * Activation par classe ou par attribut (Osmo d'origine conservé) :
 *   - .comm360-texte-marqueur   ou   [data-highlight-marker-reveal]
 *
 * --- FIDÉLITÉ ---
 * CSS de la fiche repris VERBATIM. Deux seules adaptations, documentées :
 *   1. Scoping des règles GLOBALES : la règle `.highlight-marker-bar` de la fiche
 *      n'est pas scopée (classe injectée en JS) ; elle est préfixée ici par le
 *      déclencheur `.comm360-texte-marqueur, [data-highlight-marker-reveal]` pour
 *      ne pas fuiter hors du composant. Les sélecteurs déjà scopés à l'attribut
 *      Osmo (`[data-highlight-marker-reveal] …`) et la classe de démo
 *      `.highlight-title` sont laissés tels quels.
 *   2. Couleur du marqueur : la fiche définit la couleur par défaut « en dur »
 *      dans le colorMap JS (`pink: "#C700EF"`). Cette valeur est exposée ici en
 *      variable CSS `--comm360-texte-marqueur-couleur` (défaut fiche #C700EF),
 *      seule adaptation CSS permise. Le JS lit d'abord data-marker-theme puis, à
 *      défaut, cette variable (voir texte-marqueur.js).
 */

/* Porteur du déclencheur : expose la couleur par défaut du marqueur (défaut
   fiche : pink #C700EF). Surchargée par --comm360-texte-marqueur-couleur. */
.comm360-texte-marqueur,
[data-highlight-marker-reveal] {
  --comm360-texte-marqueur-couleur: #C700EF;
}

/* Classe de démo Osmo (typographie du titre) — VERBATIM. */
.highlight-title {
  text-align: center;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer, Arial, sans-serif;
  font-size: 6vw;
  font-weight: 900;
  line-height: 0.9;
}

/* VERBATIM (déjà scopé à l'attribut déclencheur Osmo). */
[data-highlight-marker-reveal]{
  visibility: hidden;
}

/* VERBATIM (déjà scopé à l'attribut déclencheur Osmo). */
[data-highlight-marker-reveal] .highlight-marker-line{
  width: auto;
  display: inline-block !important;
  margin: -0.055em 0px;
}

/* Règle GLOBALE de la fiche, ici SCOPÉE au déclencheur (classe + attribut).
   Reste VERBATIM pour les propriétés (position/inset/z-index/pointer-events). */
.comm360-texte-marqueur .highlight-marker-bar,
[data-highlight-marker-reveal] .highlight-marker-bar{
  position: absolute;
  inset: -0.055em 0px;
  z-index: 1;
  pointer-events: none;
}