/* ==========================================================================
   mentions.css — @pseudo : la citation et sa liste de propositions

   Feuille séparée, comme salon.css : kalipay.css est déjà très grosse et
   rien d'ici ne sert ailleurs. Aucune couleur en dur — uniquement les
   variables de assets/themes.css, pour que les six thèmes suivent.
   ========================================================================== */

/* ---- la citation, dans un texte affiché -------------------------------- */
.kp-mention{
  color:var(--accent);font-weight:600;text-decoration:none;
  border-radius:4px;padding:0 2px;
}
a.kp-mention:hover{background:var(--fond-3);text-decoration:underline}

/* ---- la liste proposée sous le @ --------------------------------------- */
/* Posée sur <body> et positionnée en coordonnées de page (mentions.js) :
   elle doit sortir des pop-up qui coupent ce qui dépasse. */
.mn-liste{
  position:absolute;z-index:9999;
  background:var(--carte);border:1px solid var(--trait);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  max-height:212px;overflow:auto;padding:4px;
}
.mn-choix{
  display:block;width:100%;text-align:left;
  background:transparent;border:0;border-radius:6px;
  color:var(--txt);font:inherit;font-size:14px;
  padding:7px 9px;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mn-choix:hover,
.mn-choix--actif{background:var(--accent);color:var(--sur-couleur)}