/* Trier n'importe quel tableau en cliquant sur le titre d'une colonne (tri-tableaux.js).
   Écrit en variables de thème : marche tel quel en sombre et en clair. */

table.tri-ok th.tri-col{cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .15s}
table.tri-ok th.tri-col:hover{color:var(--texte)}
table.tri-ok th.tri-col:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
table.tri-ok th.tri-actif{color:var(--texte)}
.tri-fleche{display:inline-block;min-width:.9em;margin-left:4px;font-family:var(--corps);font-weight:700;text-align:left}
/* au survol d'une colonne pas encore triée, l'indice qu'on peut cliquer */
table.tri-ok th.tri-col:not(.tri-actif):hover .tri-fleche:empty::after{content:'↕';opacity:.5}

/* sur téléphone, les fiches n'ont plus de titres de colonne : le menu « Trier par » */
.tri-menu{display:none}
html.tel-app .tri-menu{
  display:flex;align-items:center;gap:10px;margin:0 0 10px;
  font-size:13px;color:var(--texte-doux)
}
html.tel-app .tri-menu select{
  flex:1;min-width:0;font:inherit;font-size:14px;color:var(--texte);
  background:var(--carte);border:1px solid var(--trait-fort);border-radius:10px;padding:9px 10px
}