/* Indicateurs d'avancement (menu de gauche + en-tête de page).
   États : a-rediger (gris) · ebauche (ambre) · redige (bleu) · valide (vert).
   Icônes Material Design en masque SVG, colorisées par état. */

:root {
  --st-a-rediger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4Z"/></svg>');
  --st-ebauche: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"/></svg>');
  --st-redige: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M10,17L17,10L15.59,8.58L10,14.17L7.41,11.58L6,13L10,17Z"/></svg>');
  --st-valide: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z"/></svg>');
  --st-todo: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"/></svg>');
}

/* Le plugin de chiffrement badge chaque page d'un bouclier « encrypted » :
   redondant ici (tout le site est chiffré), on le masque. */
.md-status--encrypted {
  display: none;
}

/* Icônes d'état À GAUCHE du libellé dans le menu (le lien est en flexbox). */
.md-nav__link .md-status {
  order: -10;
}

/* Indicateur « ajouts à valider » : pages contenant des balises -- [] N -- en attente.
   Span injecté par assets/todos.js (généré au build par hooks/status_todo.py). */
.md-status--todo::after {
  -webkit-mask-image: var(--st-todo);
  mask-image: var(--st-todo);
  background-color: #ef4444;
}

.md-status--a-rediger::after {
  -webkit-mask-image: var(--st-a-rediger);
  mask-image: var(--st-a-rediger);
  background-color: #9e9e9e;
}

.md-status--ebauche::after {
  -webkit-mask-image: var(--st-ebauche);
  mask-image: var(--st-ebauche);
  background-color: #f59e0b;
}

.md-status--redige::after {
  -webkit-mask-image: var(--st-redige);
  mask-image: var(--st-redige);
  background-color: #2196f3;
}

.md-status--valide::after {
  -webkit-mask-image: var(--st-valide);
  mask-image: var(--st-valide);
  background-color: #4caf50;
}