/**
 * Le module « Suivre » — R5a.
 *
 * ⚠️ FEUILLE NEUTRE, comme celle du module de commentaires : le module ne
 * connaît ni la page de zone ni la lightbox. Un hôte qui veut un autre
 * habillage le fait chez lui, sur sa propre classe.
 */

/* ⚠️⚠️ CETTE FEUILLE NE CONNAÎT QUE `.citivo-suivre`, ET C'EST UNE LEÇON DE
   0.99.170. Elle habillait aussi `.citivo-carte-zone-header` et
   `.citivo-carte-titre` — deux classes produites par la CARTE, dont l'une
   portait déjà sa propre règle de même spécificité dans
   `citivo-carte-decouverte.css`. Chargée après, c'est elle qui gagnait, et le
   bouton restait collé au bord de l'écran. ➡️ **La mise en page de l'en-tête
   est repassée dans la feuille de la carte** ; le module n'habille que son
   propre bouton. *Un module neutre qui style le balisage de son hôte n'est
   plus neutre — il est en concurrence avec lui.* */

/* ── Le bouton, dans ses trois états ───────────────────────────────────── */

/* ⚠️⚠️ R5e — CETTE FEUILLE NE POSE PLUS AUCUNE COULEUR. Elle ne décrit que la
   MISE EN PLACE : une rangée icône + libellé, alignée, qui ne s'écrase pas.
   ~~Elle donnait une bordure et un texte bleus~~ — justes sur la page de zone,
   faux partout ailleurs, et c'est ce qui a obligé la lightbox à les DÉFAIRE en
   0.99.176. *Un module partagé prête sa plomberie, pas son apparence* : chaque
   hôte habille désormais chez lui, personne n'a plus à défaire. */
.citivo-suivre {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: none;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
}

/* ⚠️ L'icône ne rétrécit jamais : un cercle ovalisé se remarque
   immédiatement, et c'est le seul repère visuel du geste. */
.citivo-suivre-icone {
	flex-shrink: 0;
}

/* ⚠️ GARDE OBLIGATOIRE : un `display` explicite BAT l'attribut `hidden`, et ce
   défaut a été payé trois fois dans citivo-fil.css. Toute règle de `display`
   écrite ici s'accompagne de sa garde. */
.citivo-suivre[hidden] {
	display: none;
}

/* ⚠️⚠️ 0.99.171, LEÇON CONSERVÉE POUR LES HÔTES : `color` doit être RE-DÉCLARÉ
   sur chaque état là où l'habillage se fait — *les thèmes posent presque
   toujours leurs propres couleurs au survol et au focus.* Une première écriture
   avait posé `background: currentColor` sur l'état « Suivi » : Astra changeant
   `color` au survol, **le fond a suivi vers le blanc pendant que le libellé
   restait blanc**. ➡️ *Un fond qui se calcule à partir de `color` hérite aussi
   de tout ce qu'un thème fait à `color`.* ⚠️ L'icône, elle, utilise
   `currentColor` SANS danger : un trait qui suit la couleur du texte reste
   lisible par construction, un fond qui la suit ne l'est plus. */

/* ⚠️ Le seul état que le module garde : il décrit une ATTENTE, pas une
   apparence, et aucun hôte n'a de raison d'en vouloir une autre. */
.citivo-suivre:disabled {
	cursor: progress;
	opacity: .6;
}

.citivo-suivre-label {
	color: inherit;
}