/**
 * GIRAFE — bloc « Suivre ce projet » et son pop-up.
 *
 * Reprend les tokens et les classes de bouton des fiches publiques
 * (--g-*, .gp-btn) : une seule apparence à maintenir. Trois niveaux de texte
 * seulement, comme partout ailleurs — 16 titre, 15 corps, 13 mention grise.
 * Pas d'opacity sur du texte : l'atténuation passe par la couleur, sinon le
 * contraste tombe sous le seuil AA.
 */

.gf-follow { margin: 0 0 var(--g-space-5, 20px); }

.gf-follow-action {
  display: flex;
  align-items: center;
  gap: var(--g-space-3, 12px);
  flex-wrap: wrap;
  margin: 0;
}
.gf-follow-count {
  font-size: 15px;
  color: var(--g-ink-muted, #5b6172);
}
.gf-follow-count strong { color: var(--g-ink, #1f2330); }

/* ---- Signaux dépliants : « 5 personnes suivent · 2 commentaires » ---- */

/* Cette ligne informait et renvoyait, par une ancre, vers une section de pied de
   page. Elle ouvre désormais la discussion sur place. Le marqueur natif est
   remplacé par un chevron, pour que la ligne reste une ligne de texte et non un
   widget : c'est d'abord une information, cliquable pour qui veut lire. */
.gf-signals-fold { margin: var(--g-space-3, 12px) 0 0; }
.gf-signals-fold > summary {
  cursor: pointer;
  list-style: none;              /* Firefox */
  display: flex;
  align-items: center;
  gap: 6px;
}
.gf-signals-fold > summary::-webkit-details-marker { display: none; }
.gf-signals-fold > summary::after {
  content: "";
  width: 7px; height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
  transition: transform 150ms ease;
  opacity: .55;
}
.gf-signals-fold[open] > summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.gf-signals-fold > summary:focus-visible {
  outline: 2px solid var(--g-coral-700, #b83b3b);
  outline-offset: 3px;
  border-radius: 4px;
}
.gf-signals-fold .gf-comments-list { margin-top: var(--g-space-3, 12px); }

/* Ce qui est cliquable dans la ligne de signaux se voit. Sans couleur, rien ne
   distinguait « 2 commentaires » du texte qui l'entoure : l'information était
   là, l'action invisible. Le compteur d'abonnés, lui, n'est pas actionnable et
   reste dans la couleur du texte. */
.gf-signal-link {
  color: var(--g-coral-700, #b83b3b);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
a.gf-signal-link { text-decoration-color: rgba(184, 59, 59, .45); }
a.gf-signal-link:hover,
.gf-signals-fold > summary:hover .gf-signal-toggle { text-decoration-color: currentColor; }
.gf-signal-link strong { color: inherit; }
a.gf-signal-link:focus-visible {
  outline: 2px solid var(--g-coral-700, #b83b3b);
  outline-offset: 2px;
  border-radius: 3px;
}

/* ---- Messages publics ---- */

.gf-comments { margin: var(--g-space-5, 20px) 0 0; }
.gf-comments-title {
  margin: 0 0 var(--g-space-3, 12px);
  font-size: 15px;
  font-weight: 600;
  color: var(--g-ink, #1f2330);
}
.gf-comments-list { list-style: none; margin: 0; padding: 0; }
.gf-comment {
  margin: 0 0 var(--g-space-3, 12px);
  padding: var(--g-space-3, 12px);
  border: 1px solid var(--g-line, #e6e8ee);
  border-radius: 10px;
  background: var(--g-surface-alt, #faf7f7);
}
.gf-comment-author {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--g-ink-muted, #5b6172);
}
.gf-comment-body {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--g-ink, #1f2330);
  white-space: pre-line;   /* les retours à la ligne saisis sont conservés */
}

/* ---- Pop-up ---- */

/* Les pop-ups « Suivre l'avancée » et « Commenter » reprennent le gabarit
   `.gp-modal-*` de girafe-profile.css — celui de la modale « Contacter » et des
   modales d'édition de /mon-profil/. Les règles `.gf-modal-*`, `.gf-row`,
   `.gf-hint`, `.gf-check` et `.gf-actions` qui vivaient ici décrivaient un
   second gabarit pour la même chose ; elles ont été retirées avec lui. */