/* La pastille de non-lus sur l'onglet Messages.
 *
 * POURQUOI ELLE EXISTE. Sur 1 945 comptes, 146 seulement ont une conversation.
 * L'onglet Messages est donc muet pour 92 % des visiteurs — et c'est très bien :
 * il ne réclame l'attention que lorsqu'un hôte a réellement écrit. C'est la
 * seule justification de sa place dans la barre, un message étant la seule
 * chose qui arrive sans qu'on l'ait demandée.
 *
 * POURQUOI PAS DE ROUGE. La pastille rouge lit comme une erreur. Le cuivre de
 * la marque dit « il y a quelque chose pour vous » sans alarmer, et reste
 * lisible sur le crème de la barre.
 *
 * `hidden` la retire complètement tant que le compteur n'est pas alimenté :
 * pas de point fantôme sur un compte vide.
 */

.account-bottom-nav a > span,
.world-bottom-nav a > span {
  position: relative;
}

.lv-nav-pastille {
  position: absolute;
  top: -1px;
  right: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d9906c;
  /* Un liseré de la couleur de la barre : la pastille se détache du trait de
     l'icône sans avoir besoin d'une ombre. */
  box-shadow: 0 0 0 2px #fbf7f3;
  pointer-events: none;
}

.world-bottom-nav .lv-nav-pastille { box-shadow: 0 0 0 2px #ffffff; }

.lv-nav-pastille[hidden] { display: none !important; }

/* Rien d'autre ici : le style de l'onglet actif reste celui de
   `account-2032.css`, inchangé. Ce fichier n'ajoute que la pastille. */
