/* TERONDO V2 — Transparence : les PANNEAUX DE LECTURE redeviennent opaques.  r1 — 21/09/2026
 * ═══════════════════════════════════════════════════════════════════════════════════════════
 * POURQUOI. Stephane, 21/09, capture de l'accueil, mega-menu « Radios » ouvert : « attention
 * mega menu transparence bcp trop forte ». Sur l'image, le heros traverse le panneau de part en
 * part — « Al Jazeera, en continu », « Une autre grille de lecture du monde », le bouton
 * « Ouvrir le direct », et le titre « Quatre portes ouvertes sur le monde » passent sous les
 * noms de categories. Deux textes se lisent au meme endroit.
 *
 * CE QUE LA MESURE A DIT, AVANT D'ECRIRE UNE LIGNE (banc-transparence-panneaux.mjs, sur la page
 * SERVIE du 21/09 16h47, theme lu data-style=6 / data-theme=light, donc celui de la capture) :
 *   · fond calcule du panneau : rgba(255,255,255,0.83) — 17 % de la page traverse ;
 *   · plus un voile linear-gradient(125deg, rgba(255,255,255,.56), transparent 46%) ;
 *   · plus backdrop-filter: blur(22px) saturate(1.45) — qui FLOUTE ce qui est derriere sans
 *     jamais le masquer : un texte sombre floute reste sombre ;
 *   · etat d'arrivee, photographie : 87,5 % des pixels du panneau changent selon ce qu'il y a
 *     dessous, amplitude 41/255. C'est exactement ce que montre la capture.
 *
 * LA CAUSE N'EST PAS LE PANNEAU, C'EST LE JETON. `--lg-popover` vaut 83 % en jour et 88 % en
 * nuit, et il sert SIX surfaces du theme. Ce module ne retouche pas le jeton (le coeur favori
 * pose sur une vignette et les commandes du lecteur doivent rester en verre) : il donne aux
 * seules surfaces qui portent du TEXTE A LIRE un fond opaque.
 *
 * DEUX GENERATIONS DU THEME SONT SERVIES, ET C'EST POURQUOI IL Y A `!important`. Le bundle
 * d'accueil concatene deux blocs `html[data-style="6"]` — 58 %/90 % puis 43 %/83 % — et la page
 * porte en plus des <style> en ligne apres la feuille. A specificite egale, le dernier servi
 * gagne : un module additif ne peut pas se reposer sur sa seule position dans le <head>.
 * (chantier GENERATIONS-V2-2109 : deux generations du moteur d'apparence sur le meme site.)
 *
 * CE QU'IL NE FAIT PAS : il ne touche ni la barre de navigation (--lg-glass, 43 %, le verre du
 * theme reste), ni les cartes, ni le coeur favori, ni les commandes du lecteur, ni les autres
 * apparences (Reverie style 0 et Pixel style 3 posent deja var(--surface), donc opaques).
 *
 * COUPE-CIRCUIT, sans depose : poser l'attribut `data-tr-panneaux="verre"` sur <html> desarme
 * tout le module et rend le verre d'origine. Retrait complet : retirer la balise <link>.
 *
 * HISTORIQUE
 *   r1 — 21/09/2026 — premiere pose. Panneaux de lecture opaques, contour rendu visible,
 *        backdrop-filter retire sur ces surfaces (inutile derriere un fond opaque : un
 *        backdrop root de moins, et du GPU rendu au defilement).
 */

html[data-style="6"]:not([data-tr-panneaux="verre"]) body>header .mega>.mega-family>.mega-panel,
html[data-style="6"]:not([data-tr-panneaux="verre"]) :is(.ap-panel,.fav2-dialog,.home-search-panel) {
  /* Le fond devient la surface pleine du theme : #fff en jour, #182235 en nuit. Rien ne traverse. */
  background-color: var(--surface) !important;
  /* Derriere un fond opaque, le flou ne peut plus rien montrer : il coute un backdrop root
     et du GPU a chaque defilement pour un resultat invisible. */
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Le contour du theme est un liseré BLANC a 82 % : pose sur du verre il se voyait, pose sur une
   surface blanche il disparait, et le panneau perdrait son bord. On lui rend une ligne d'encre
   a 12 %, celle que le theme utilise deja ailleurs (--lg-line). En nuit, --lg-line est clair sur
   surface sombre : le contour reste visible des deux cotes, verifie au banc. */
html[data-style="6"]:not([data-tr-panneaux="verre"]) body>header .mega>.mega-family>.mega-panel,
html[data-style="6"]:not([data-tr-panneaux="verre"]) :is(.ap-panel,.fav2-dialog,.home-search-panel) {
  border-color: var(--lg-line) !important;
}