/* ══════════════════════════════════════════════════════════════════════════
   Panneau de zapping rapide (lecteur, OK / CH LIST) — épuré le 11/10/2026.

   Retour de Rachid : « trop chargé ». Chaque ligne portait numéro, logo, nom
   brut du fournisseur (« |FR| FRANCE 2 FHD »), programme, barre de progression
   ET programme suivant, répétés sur toutes les lignes : l'œil ne savait plus
   où se poser pendant le défilement.

   Désormais : une ligne = numéro, logo, nom nettoyé (RSKTV.NomChaine, comme
   le Direct v3). Le programme en cours, son horaire et sa progression ne
   s'affichent QUE sur la ligne sélectionnée. Le programme suivant n'est plus
   dans la liste (il reste dans la barre d'information du lecteur).

   La hauteur des lignes reste FIXE (76 px, style.css) : `_zapScrollTo`
   calcule la position à partir de la hauteur d'une ligne, et une ligne qui
   grandirait au focus ferait sauter toute la liste à chaque déplacement.
   Chargé après les autres feuilles : fait autorité sur le panneau.
   ══════════════════════════════════════════════════════════════════════════ */

#zap-panel .zap-item .zap-item-prog,
#zap-panel .zap-item .zap-item-prog-bar,
#zap-panel .zap-item .zap-item-next { display: none; }

#zap-panel .zap-item.zap-focused .zap-item-prog,
#zap-panel .zap-item.zap-focused .zap-item-prog-bar { display: block; }

/* Ligne simple : le nom seul, centré verticalement, sans marge résiduelle. */
#zap-panel .zap-item .zap-item-name { margin-bottom: 0; }
#zap-panel .zap-item.zap-focused .zap-item-name { margin-bottom: 4px; }

#zap-panel .zap-item.zap-focused .zap-item-prog {
  color: rgba(255, 255, 255, 0.82);
  margin-top: 0;
}