/* fonctions/listes/titres.css — titres de listes
   Extrait de styles.css à l'étape 8 du découpage. L'ordre de chargement (index.html) est celui
   de l'ancienne feuille : à spécificité égale, la dernière règle l'emporte (voir CARTE.md, CSS). */
/* ==== Titres de listes : centrés, avec un voile de la couleur de la liste et un filet dégradé ====
   L'intensité de ces effets se règle dans Paramètres > Listes (--list-title-fx : 0 = aucun effet, 1 = complet).
   Tout dérive de --list-handle-color (posée sur chaque liste) : une liste sans couleur reste neutre. */
/* Filet qui s'estompe vers les bords, comme une séparation entre le titre et les cartes. */
.list-head::after{
 content:'';
 position:absolute;
 left:14%;
 right:14%;
 bottom:0;
 height:calc(1px * var(--ui-scale-factor));
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--list-handle-color,#7d8494) 75%,transparent) 50%,transparent);
 opacity:var(--list-title-fx);
 pointer-events:none;
}
.list-title-input:hover:not(:focus){background:rgba(255,255,255,.04);}
@media (prefers-reduced-motion:reduce){.list-title-input{transition:none;}}
/* Zone de titre compacte : un peu d'air entre le filet et la première carte. */
.list-head + .list-cards{padding-top:calc(4.5px * var(--ui-scale-factor));}