/* Glossaire en magazine (14 nov. 2026, valide par Fabien) : complements de ymag.css pour
   les pages de categorie du glossaire et le bloc « Les dernieres fiches » de /glossaire/.
   Couleurs : celles des thematiques (vive pour la pastille, foncee -> vive pour les cartes
   sans visuel, qui montrent l'initiale de la fiche en grand). */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.clevlite_term_category-ecosysteme-apple{ --ymag-c:#345890; --ymag-ct:#fff; --gc:#345890; --gf:#124CA3; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article:is(.clevlite_term_category-production-audio, .clevlite_term_category-mircros){ --ymag-c:#C45048; --ymag-ct:#fff; --gc:#C45048; --gf:#8D3A34; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article:is(.clevlite_term_category-photo-video-montage, .clevlite_term_category-artistes-arts-visuels, .clevlite_term_category-styles-arts-visuels){ --ymag-c:#7850AC; --ymag-ct:#fff; --gc:#7850AC; --gf:#664492; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.clevlite_term_category-web-ia{ --ymag-c:#488868; --ymag-ct:#fff; --gc:#488868; --gf:#325E48; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article:is(.clevlite_term_category-musique-harmonie, .clevlite_term_category-styles-musicaux, .clevlite_term_category-artistes, .clevlite_term_category-artistes-formes-chez-youtips){ --ymag-c:#D07838; --ymag-ct:#1A1A1A; --gc:#D07838; --gf:#7F4A22; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article.clevlite_term_category-formation-carriere-vie{ --ymag-c:#E0B43C; --ymag-ct:#1A1A1A; --gc:#E0B43C; --gf:#67531C; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) article{ --gc:#4B5768; --gf:#3A4352; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) .gmag-typo{ background:linear-gradient(135deg, var(--gf) 40%, var(--gc) 150%) !important; overflow:hidden; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) .gmag-lettre{ position:absolute; right:7%; bottom:-14%; font-size:clamp(90px, 13vw, 190px); font-weight:800; line-height:1; letter-spacing:-.04em; color:rgba(255,255,255,.2); pointer-events:none; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li) .gmag-lettre{ font-size:clamp(160px, 24vw, 340px); right:5%; top:4%; bottom:auto; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(-n+5 of li) .gmag-lettre{ font-size:110px; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) .entry-title{ margin-top:0 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) .entry-taxonomies + .entry-title{ margin-top:8px !important; }
@media (max-width:760px){ html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(n+2 of li):nth-child(n of li) .gmag-lettre{ font-size:64px; } }
/* Bloc « Les dernieres fiches » de /glossaire/ (place sous la barre de recherche par le script) */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une{ margin:4px 0 48px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une.gmag-wait,
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une[hidden]{ display:none !important; }

/* v4 (14 nov. 2026) : 12 fiches comme le blog, numerotation des pages, puis les lettres.
   Le titre du bloc reste pour les lecteurs d'ecran seulement (le blog n'en montre pas). */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-h{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-corps{ transition:opacity .2s ease; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une.gmag-charge .gmag-corps{ opacity:.45; pointer-events:none; }
/* une page qui n'a qu'une fiche (fin d'une petite categorie) : la une sur toute la largeur */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper :is(#archive-container, #ymag-une) > li:nth-child(1 of li):nth-last-child(1 of li){ grid-column:1 / -1 !important; }
/* Numerotation : comme celle du blog (cases de 42 px, coins de 6 px, page courante en bleu clair) */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une nav.gmag-pages{ display:block !important; margin:48px 0 0 !important; padding:0 !important; overflow:visible !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages .nav-links{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; justify-content:center !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages .page-numbers{ display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; min-width:42px !important; height:42px !important; padding:0 13px !important; margin:0 .5em 0 0 !important; border-radius:6px !important; background:var(--yj-card) !important; border:1px solid var(--yj-border) !important; color:var(--yj-text) !important; font-size:17px !important; font-weight:600 !important; line-height:1 !important; text-decoration:none !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages .page-numbers:last-child{ margin-right:0 !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages a.page-numbers:hover{ border-color:var(--yj-border2) !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages a.page-numbers:focus-visible{ outline:2px solid var(--yj-link) !important; outline-offset:2px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages .page-numbers.current{ background:var(--yj-active) !important; border-color:var(--yj-active) !important; color:var(--yj-active-text) !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages .kadence-svg-iconset svg{ width:1em !important; height:1em !important; }
@media (max-width:760px){
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une nav.gmag-pages{ margin-top:36px !important; }
  html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .gmag-une .gmag-pages .page-numbers{ min-width:38px !important; height:38px !important; padding:0 10px !important; margin-right:0 !important; font-size:16px !important; }
}
/* Les lettres : sous la numerotation ; dans la barre, elles ne reviennent qu'en barre fixe */
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .clevlite-index .yt-gloss-bar.gmag-nav-bas:not(.is-fixed) > .yt-gloss-nav{ display:none !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .clevlite-index .yt-gloss-nav.gmag-lettres{ margin:0 0 40px !important; }
html body.ymag.ymag #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper .clevlite-index .yt-gloss-nav.gmag-lettres[hidden]{ display:none !important; }