/* Zone des commentaires, sous chaque article (src/lib/cadre.ts). */

/* « Une question, une remarque ? » et son lien vers le formulaire de contact : couleurs du thème sur tous les
   articles (Elementor les remplace par un bleu foncé sur les articles au modèle). */
#respond .comment-reply-title {
  color: var(--theme-headings-color, #192a3d);
}
#respond a {
  color: var(--theme-link-initial-color, #2872fa);
}
#respond a:hover {
  color: var(--theme-link-hover-color, #1559ed);
}

/* Initiale du nom à la place de l'avatar Gravatar (scripts/extract-articles.mjs). Même rond de 50 px que
   l'avatar ; bleu-gris pour les visiteurs, orange pour les réponses de Marie. */
.ct-comment-meta .cslf-initiale {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #e8f0f4;
  color: #205072;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
}
.ct-comment-meta .cslf-initiale.cslf-marie {
  background: #fff1ee;
  color: #d95f3b;
}