/* ============================================================
   Fauna Morocco — Couche arabe / RTL des pages ENCYCLOPÉDIE (menu)
   Chargée EN DERNIER, uniquement sur /ar/encyclopedia/*.html (hub, ordres,
   familles). Pendant de css/ar.css (qui ne couvre que les vitrines).
   Corrige ce que dir="rtl" ne retourne pas dans
   encyclopedia-menu.css + enrich.css. Polices via fonts-ar.css (unicode-range
   → le latin reste Oswald/Lato).  v2 (retours Rayane 2026-09-06).
   ============================================================ */

/* -- 1. POLICES : menu.css/enrich.css codent Oswald/Lato en dur → réinjecter
   Noto largement (le latin retombe seul via l'unicode-range). ------------- */
html[lang="ar"] body,
html[lang="ar"] .lead,
html[lang="ar"] .psub,
html[lang="ar"] .page-eyebrow,
html[lang="ar"] .istat-lbl,
html[lang="ar"] .species-count,
html[lang="ar"] .status-badge,
html[lang="ar"] .venom-tag,
html[lang="ar"] .en,
html[lang="ar"] .more,
html[lang="ar"] .badge,
html[lang="ar"] .fam-danger,
html[lang="ar"] .modal-body,
html[lang="ar"] .modal-body p,
html[lang="ar"] .modal-body li,
html[lang="ar"] .modal-body a,
html[lang="ar"] .modal-body b,
html[lang="ar"] .modal-body span,
html[lang="ar"] .modal-body summary,
html[lang="ar"] .modal-body button,
html[lang="ar"] .modal-body .eyebrow,
html[lang="ar"] .idg .band>.bandhd,
html[lang="ar"] .enc-pillar-toolbar button{font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif}

html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,
html[lang="ar"] .page-title,
html[lang="ar"] .vh,
html[lang="ar"] .modal-head h3,
html[lang="ar"] .modal-body h3,
html[lang="ar"] .modal-body h4,
html[lang="ar"] .species-item h3{font-family:"Noto Kufi Arabic","Oswald","Oswald Fallback",sans-serif}

/* Les CHIFFRES/latins gardent leur police d'origine (règles plus spécifiques
   dans enrich.css : .bn=Oswald, .n, .pg-n). Rien à faire. */

/* -- 2. Interlettrage (casse les ligatures arabes) ------------------------- */
html[lang="ar"] .enc-pillar *,
html[lang="ar"] .species-section *,
html[lang="ar"] .modal *{letter-spacing:normal !important}

/* -- 3. LATIN toujours en LTR --------------------------------------------- */
html[lang="ar"] .scientific-name,
html[lang="ar"] .sci,
html[lang="ar"] .fl,
html[lang="ar"] .sp-lat,
html[lang="ar"] .ln,
html[lang="ar"] .idcnt,
html[lang="ar"] .pg-n,
html[lang="ar"] bdi{direction:ltr;unicode-bidi:isolate}

/* compteur d'espèces (« 6 أنواع ») : sens arabe → nombre À DROITE ---------- */
html[lang="ar"] .species-count{direction:rtl;text-align:center}/* -- 4. TITRE + fil d'Ariane ---------------------------------------------- */
html[lang="ar"] .breadcrumb{direction:rtl;text-align:right;justify-content:flex-start}

/* -- 5. INTRO : texte à droite ; TAILLES = EN (pas la charte vitrine) ------ */
html[lang="ar"] .intro-txt,
html[lang="ar"] .page-eyebrow,
html[lang="ar"] .lead,
html[lang="ar"] .psub{text-align:right}
/* .lead, .psub, .idc-intro, .faq p : on NE gonfle PAS — on garde le barème EN
   (16px / 1.6). L'ancienne charte 19.8px était pour les vitrines. */

/* -- 6. STATS : chiffre latin LTR, libellé arabe à droite ----------------- */
html[lang="ar"] .istat,
html[lang="ar"] .stat{align-items:flex-end}
html[lang="ar"] .istat-lbl,
html[lang="ar"] .stat .lbl{text-align:right}
html[lang="ar"] .istat-num,
html[lang="ar"] .stat .num{direction:ltr}

/* -- 7. Badge venimeux : côté lecture (droite) ---------------------------- */
html[lang="ar"] .venom-tag{left:auto;right:12px}

/* -- 8. BARRE D'OUTILS : alignée à DROITE (flex-start = début = droite en RTL).
   (mon flex-end de v1 tombait à gauche en RTL.) --------------------------- */
html[lang="ar"] .enc-pillar-toolbar,
html[lang="ar"] body.enc-pillar .enc-pillar-toolbar{justify-content:flex-start}
html[lang="ar"] .enc-pillar-toolbar button i{margin-left:6px;margin-right:0}

/* -- 9. POP-UPS : titre à DROITE, croix à GAUCHE.
   La base .modal-head est flex space-between → dir=rtl le fait déjà. Ne PAS
   forcer row-reverse (c'était le bug « titre du mauvais côté »). ---------- */
html[lang="ar"] .modal-head .mh-txt{text-align:right}
html[lang="ar"] .modal-body{text-align:right}

/* Chevrons d'accordéon poussés à gauche + orientés à gauche */
html[lang="ar"] .band>.bandhd .chev,
html[lang="ar"] .fam-chev,
html[lang="ar"] .faq-chev,
html[lang="ar"] .st-chev{margin-left:0;margin-right:auto;transform:scaleX(-1)}
html[lang="ar"] body.enc-pillar .gen-chev{transform:scaleX(-1)}
html[lang="ar"] body.enc-pillar .gen-fold[open]>.gen-n .gen-chev{transform:scaleX(-1) rotate(90deg)}
html[lang="ar"] details[open]>summary .chev{transform:scaleX(-1) rotate(90deg)}

/* Listes-clés numérotées : puce à droite */
html[lang="ar"] .idkey li,
html[lang="ar"] .fd-key li,
html[lang="ar"] .idg-check li{direction:rtl}
html[lang="ar"] .idkey li>.n,
html[lang="ar"] .fd-key li>.n{direction:ltr}

/* Confirmations / textes de guide : à droite */
html[lang="ar"] .idc-head,
html[lang="ar"] .idc-body,
html[lang="ar"] .idc-intro,
html[lang="ar"] .idtitle,
html[lang="ar"] .fd-intro,
html[lang="ar"] .id-cap{text-align:right}

/* Bloc « ressemble à… » + retour */
html[lang="ar"] .lb-bar{text-align:right}
html[lang="ar"] .lb-home{margin-left:0;margin-right:auto}
html[lang="ar"] .lb-home i{transform:scaleX(-1)}

/* Pager famille / espèce (guide d'ID, section 2) — retour Haytam 2026-09-13 :
   les flèches suivent le SENS DES TUILES (RTL) : « suivant » = tuile de gauche → flèche
   vers la gauche, placée à gauche ; « précédent » → vers la droite, à droite.
   (Avant : row-reverse gardait le pager en LTR, à contresens des tuiles.) Compteur en LTR (.pg-n). */
html[lang="ar"] .fd-pager{flex-direction:row}
html[lang="ar"] .idg2 .pg-arw[data-d="-1"] .pgc{transform:rotate(-45deg)}
html[lang="ar"] .idg2 .pg-arw[data-d="1"] .pgc{transform:rotate(135deg)}

/* Flèches « → » : vers la gauche en RTL */
html[lang="ar"] .btn-orange .ar,
html[lang="ar"] .rbtn .ar,
html[lang="ar"] .ask .ar,
html[lang="ar"] .fd-cta .ar{transform:scaleX(-1)}

/* -- 10. « What to do if bitten » : numéros d'étape à DROITE --------------- */
html[lang="ar"] .steps li{padding-left:0;padding-right:42px}
html[lang="ar"] .steps li::before{left:auto;right:0}

/* -- 11. CHECKLIST : on la garde EXACTEMENT dans le sens de l'anglais (LTR).
   Seuls les en-têtes de familles et les boutons de statut sont traduits
   (déjà fait dans le HTML). La colonne .ar reste RTL (règle de base enrich). */
html[lang="ar"] .splist{direction:ltr;text-align:left}
html[lang="ar"] .splist .fam-name,
html[lang="ar"] .splist .row .en{text-align:left}

/* -- 12. SLIDESHOW : légende à DROITE, points à GAUCHE, dégradé inversé ---- */
html[lang="ar"] .ss-cap{left:auto;right:16px;align-items:flex-end;text-align:right}
html[lang="ar"] .ss-dots{right:auto;left:12px}
html[lang="ar"] .slideshow::after{background:radial-gradient(72% 78% at 95% 100%,rgba(8,5,2,.82) 0%,rgba(8,5,2,.30) 38%,transparent 60%)}
/* -- 12c. SLIDESHOW mobile : scrim en HAUT (comme FR/EN, miroir RTL) au lieu du bloc noir en bas-droite --------------------------------- */
@media(max-width:900px){html[lang="ar"] .slideshow::after{background:radial-gradient(74% 84% at 95% 0%,rgba(8,5,2,.82) 0%,rgba(8,5,2,.30) 40%,transparent 62%)}}

/* -- 13. FAQ : à droite --------------------------------------------------- */
html[lang="ar"] .faq details,
html[lang="ar"] .faq summary,
html[lang="ar"] .faq p{text-align:right}
html[lang="ar"] .faq-foot{text-align:right}
html[lang="ar"] .faq-foot .ask{margin-left:0;margin-right:auto}

/* -- 14. TITRES : interligne arabe ---------------------------------------- */
html[lang="ar"]{--ar-lh-title:1.15}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,
html[lang="ar"] .modal-head h3{line-height:var(--ar-lh-title)}

/* -- 15. Nav mobile RTL (aligné sur ar.css A4) ---------------------------- */
@media(max-width:1000px){
  html[lang="ar"] .langm{margin-left:0;margin-right:auto}
  html[lang="ar"] .langm .menu{right:auto;left:0;transform-origin:top left}
  html[lang="ar"] .burger{margin-left:0;margin-right:12px}
  html[lang="ar"] .nl{right:auto;left:0;transform:translateX(-100%);box-shadow:none}
  html[lang="ar"] .mtog:checked~.nl{transform:none;box-shadow:24px 0 60px rgba(0,0,0,.55)}
  html[lang="ar"] .nl .langsw{align-self:flex-end}
}

/* ============================================================
   v3 — corrections retours Rayane 2026-09-06 (#2)
   ============================================================ */
/* -- Eyebrows de pop-up : étaient restés à 11px Lato -> Noto + plus grand -- */
html[lang="ar"] .modal-head .eyebrow,
html[lang="ar"] .modal-body .eyebrow{font-family:"Noto Sans Arabic","Lato",sans-serif;font-size:14px;letter-spacing:normal;line-height:1.35}

/* -- Checklist : compteurs (famille .fc + ordre .ord-n + sous-espèces) =
   chiffre À DROITE du mot arabe (sens arabe), même dans la checklist LTR -- */
html[lang="ar"] .splist .fc,
html[lang="ar"] .splist .ord-n,
html[lang="ar"] .splist .ssp-tog{direction:rtl;unicode-bidi:isolate}

/* -- Bandes d'ordre (« bandes magistrales » : Snakes/Lizards/Turtles…) :
   police Noto (titres) + alignées à DROITE + chiffre à droite -- */
html[lang="ar"] .ord-lbl{font-family:"Noto Kufi Arabic","Oswald","Oswald Fallback",sans-serif;direction:rtl;text-align:right}

/* -- Diaporama pop-ups (Overview/Habitats/Threats) : légende à DROITE,
   contrôles à GAUCHE, flèches inversées, compteur LTR, polices Noto -- */
html[lang="ar"] .tshow-cap{left:150px;right:0;text-align:right}
html[lang="ar"] .tshow-ctrl{right:auto;left:clamp(16px,2.4vw,26px)}
html[lang="ar"] .tshow-count{direction:ltr}
html[lang="ar"] .tshow-nav.prev::before{transform:rotate(-45deg)}
html[lang="ar"] .tshow-nav.next::before{transform:rotate(135deg)}
html[lang="ar"] .tshow-cap .tshow-title,
html[lang="ar"] .tpop-show .tshow-title-m{font-family:"Noto Kufi Arabic","Oswald",sans-serif}
html[lang="ar"] .tshow-cap .tshow-desc{font-family:"Noto Sans Arabic","Lato",sans-serif}
@media(max-width:720px){html[lang="ar"] .tshow-cap{left:112px;right:0}}
@media(max-width:760px){
  html[lang="ar"] .tpop-show .tshow-cap{left:auto;right:auto}
  html[lang="ar"] .tpop-show .tshow-ctrl{right:auto;left:14px}
  html[lang="ar"] .tpop-show .tshow-title-m{left:auto;right:0;text-align:right}
}
/* Encadré v7 du hub (.enc-hub .card, Overview/Habitats/Threats) — retour Haytam 2026-09-13 :
   pas de sens de lecture dans un diaporama, le lecteur suit le compteur 01/06 → « > » = SUIVANT,
   « < » = PRÉCÉDENT, comme en EN/FR (annule l'inversion générique .tshow-nav ci-dessus pour ce bloc). */
html[lang="ar"] .enc-hub .card .tshow-ctrl{direction:ltr}
html[lang="ar"] .enc-hub .card .tshow-nav.prev::before{transform:rotate(135deg)}
html[lang="ar"] .enc-hub .card .tshow-nav.next::before{transform:rotate(-45deg)}

/* -- 12b. SLIDESHOW intro (.ss-cap) : police AR, latin collé à droite,
      chevron retourné en RTL ------------------------------------------------ */
html[lang="ar"] .ss-cap .cn{font-family:"Noto Kufi Arabic","Oswald","Oswald Fallback",sans-serif;line-height:1.3}
html[lang="ar"] .ss-cap .ln,
html[lang="ar"] .ss-cap .cn{align-self:flex-end}
html[lang="ar"] .ss-cap .ln{text-align:right;width:100%}
html[lang="ar"] .ss-chev{transform:scaleX(-1)}

/* -- 13. Labels de stats d'intro (AR) : 11.5px base -> 13.5px (arabe plus lisible) - */
html[lang="ar"] .istat-lbl{font-size:13.5px}

/* -- 14. Compteurs de cartes (AR) : mot arabe ~15.6px -> 17.5px (index+portails) */
html[lang="ar"] .species-count span{font-size:17.5px}

/* -- Titre de page (ordres/familles) : line-height arabe plus ample pour que les
      descendantes (ـي, ـب…) ne mordent pas le fil d'Ariane juste dessous ------ */
html[lang="ar"] .page-title{text-align:right; line-height:1.3; margin-bottom:.5rem}

/* ============================================================
   Hub pop-ups v7 (modal--fr, 2026-09-08) — correctifs RTL
   La refonte v7 déplace la légende dans .fr-foot/.fr-capline ;
   le CSS AR ne visait que l'ancienne .tshow-cap -> légende restait
   alignée à gauche. + compteur : var(--font-head) = Noto Kufi en AR,
   donc chiffres en Kufi -> on force Oswald (comme FR/EN) + tabular.
   ============================================================ */
html[lang="ar"] .modal--fr .fr-foot{text-align:right}
html[lang="ar"] .modal--fr .fr-capline .tshow-title{text-align:right}
html[lang="ar"] .modal--fr .fr-foot .tshow-desc{text-align:right}
html[lang="ar"] .modal--fr .fr-navov .tshow-count,
html[lang="ar"] .modal--fr .fr-navov .tshow-count b{font-family:"Oswald","Oswald Fallback",sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
html[lang="ar"] .modal--fr .fr-navov .tshow-count{direction:ltr;unicode-bidi:isolate}

/* -- Panneaux (enc-tabs) : en-tête AR en Noto (le shell hardcode Lato/Oswald) -- */
html[lang="ar"] .enc-stage .tpl-eb{font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:normal}
html[lang="ar"] .enc-stage .tpl-title{font-family:"Noto Kufi Arabic","Oswald","Oswald Fallback",sans-serif}

/* -- Bouton grille (tab-home) en RTL : sépareur + soulignement de sélection du bon côté -- */
html[lang="ar"] .enc-stage .enc-pillar-toolbar button.tab-home{padding-right:0;padding-left:clamp(16px,2.4vw,30px);margin-right:0;margin-left:2px}
html[lang="ar"] .enc-stage .enc-pillar-toolbar button.tab-home::after{right:auto;left:0}
html[lang="ar"] .enc-stage .enc-pillar-toolbar button.tab-home::before{left:auto;right:-3px;transform:none}

/* -- Checklist : les NOMS vernaculaires arabes en Noto Kufi (police des noms,
   comme .species-item h3 / titres), au lieu de la Noto Sans de corps. -------- */
/* 2026-09-15 — La police des noms arabes de la checklist est desormais reglee
   dans enrich.css, pour les trois langues a la fois : la colonne arabe existe
   aussi sur les pages EN et FR, ou cette feuille n'est pas chargee. Ne pas la
   redefinir ici. */

/* -- Mobile : barre défilante — la grille s'épingle à DROITE en RTL (pas left) -- */
@media(max-width:600px){
  html[lang="ar"] .enc-stage .enc-pillar-toolbar button.tab-home{left:auto;right:0;padding:11px 0 12px 15px;margin-left:2px;margin-right:0}
  html[lang="ar"] body.enc-stage .enc-pillar-toolbar .tb-cue{right:auto;left:0}
  html[lang="ar"] body.enc-stage .enc-pillar-toolbar .tb-cue::before{left:auto;right:0}
  html[lang="ar"] .enc-stage .enc-pillar-toolbar button.tab-home::before{right:1px}
}

/* 2026-09-11 — CTA ID-guide (btn-dark / btn-idguide) : police arabe Noto (enrich.css code Lato en dur) + flèche du bouton noir conservée inversée au survol (RTL). */
html[lang="ar"] .idg2 .fd-cta .btn-dark,
html[lang="ar"] .idg2 .fd-cta .btn-idguide{font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif}
html[lang="ar"] .idg2 .fd-cta .btn-dark:hover .ar{transform:scaleX(-1) translateX(4px)}

/* -- Sous-titre du hub + bloc de progression (2026-09-15) ------------------
   enrich.css pose ces trois lignes avec le raccourci `font:` qui code Lato EN DUR,
   donc l'arabe tombait sur une police de secours. Meme convention que le reste de
   ce fichier : on redeclare la famille arabe pour le composant. */
html[lang="ar"] .enc-hub .section-header p,
html[lang="ar"] .enc-hub .fmprog p.fm-s2,
html[lang="ar"] .enc-hub .fmprog p.fm-s3{font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif}

/* -- Checklist : badges d'endemisme (مستوطن / شبه مستوطن / قيد التأكيد) ------
   enrich.css code Lato en dur dans la boite commune des pastilles, donc l'arabe
   y tombait en fonte de secours. On remet la Noto Sans du corps, on annule
   l'interlettrage (il casse les liaisons arabes) et on monte d'un demi-point
   pour rester lisible dans une boite de 19px. 2026-09-15 */
html[lang="ar"] .splist .row .sci .st-badge{
  font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif;
  letter-spacing:normal}
/* Sur mobile enrich.css met font-size:0 et affiche l'abreviation en ::before.
   La taille arabe ne doit donc s'appliquer qu'a partir du bureau, sinon le mot
   complet et l'abreviation se superposent. */
@media(min-width:721px){
  html[lang="ar"] .splist .row .sci .st-badge{font-size:10px}
}

/* Ligne de sélection du guide d'ID (hub) : les libellés « الثعابين / السحالي… »
   tombaient sur la police système arabe, parce que `enc-tabs.css` leur impose
   `font:700 12px/1 'Lato'` et que Lato n'a pas de glyphes arabes. Le garde-fou
   d'interlettrage de la section 2 ne les attrapait pas non plus : il cible un
   ancêtre `.enc-pillar`, or la barre du hub s'appelle `.enc-pillar-toolbar`.
   D'où les deux corrections ici. Police = Noto Sans Arabic, comme les boutons
   de la barre d'outils juste au-dessus (règle ligne 34). Rayane 2026-09-19. */
/* ⚠ `.nm` est construit PAR enrich.js (bloc « noms sous les tetes », ~ligne 389) :
   sur les tuiles AVEC image, le `.lbl` du HTML est supprime et remplace par un
   `<span class="nm">`. Il est donc invisible a toute relecture du HTML — c'est ce
   qui l'avait fait passer entre les mailles le 19/09. `.nm small` n'est PAS liste :
   il porte le nom latin, qui doit rester en Lato italique. */
/* Verifie au rendu headless (Chromium, DOM final) le 19/09 — deux cas que ni la
   lecture du HTML ni celle du CSS ne pouvaient donner :
   . `.intro-more` est un <button> cree par enrich.js et AUCUNE regle ne lui pose
     de famille : un bouton n'herite pas de la police du document, il tombe sur
     Arial. (Le meme bouton est en Arial en EN et en FR — a traiter a part.)
   . le <span> du <summary> de `.cl-src` (« عن هذه القائمة ») n'etait pas couvert :
     seule `.cl-src-body`, le corps deplie, l'etait. */
html[lang="ar"] body.enc-pillar .intro-more,
html[lang="ar"] .cl-src summary,
html[lang="ar"] .cl-src summary span,
html[lang="ar"] .idg2 .idtile .nm,
html[lang="ar"] body.enc-hub .idg2 .idtile .lbl,
html[lang="ar"] .idg2 .idtile .lbl{
  font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif;
  letter-spacing:normal;
}

/* ============================================================
   POLICE ARABE — libelles d'interface restes sur Lato/Oswald (audit 2026-09-19)
   `enrich.css`, `enc-tabs.css` et `reskin.css` codent la police en dur sur ces
   composants. Lato et Oswald n'ont aucun glyphe arabe : le texte tombait donc sur
   la police systeme du visiteur, differente d'un appareil a l'autre. 226 libelles
   etaient concernes sur 15 pages. Meme correction que la ligne de selection du
   guide d'ID : famille Noto + interlettrage neutralise, rien d'autre (taille,
   graisse, couleur et casse restent ceux du composant). Le latin n'est pas touche :
   l'`unicode-range` de `fonts-ar.css` laisse chiffres et noms scientifiques sur Lato.
   ============================================================ */
html[lang="ar"] .idg .ph .phtxt,
html[lang="ar"] .idg2 .idphoto .phtxt,
html[lang="ar"] body.enc-pillar .species-item-wrapper .status-badge,
html[lang="ar"] .idg2 .fd-cta .btn-soon,
html[lang="ar"] .idg2 .fd-head .fd-meta .fm-cons,
html[lang="ar"] .idg2 .fd-head .fd-meta .fm-end,
html[lang="ar"] .idg2 .sp-lat .idend,
html[lang="ar"] .cl-src .cl-src-body,
html[lang="ar"] .lv-none,
html[lang="ar"] .splist .ssp-tog,
html[lang="ar"] .fm-tag,
html[lang="ar"] .enc-stage .tpl-intro p,
html[lang="ar"] body.enc-pillar .istat-num{
  font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif;
  letter-spacing:normal;
}

/* Cartes du hub (apercu / moeuvres / menaces) : `enc-tabs.css` lignes 57 et 59
   imposent Oswald au titre et Lato au paragraphe. Trouve au RENDU (headless) le
   19/09, pas a la lecture des fichiers. Titre = Noto Kufi (pendant d'Oswald),
   texte = Noto Sans (pendant de Lato), comme partout ailleurs. */
html[lang="ar"] .enc-hub .cap-row h3{
  font-family:"Noto Kufi Arabic","Oswald","Oswald Fallback",sans-serif;
  letter-spacing:normal;
}
html[lang="ar"] .enc-hub .card-cap p{
  font-family:"Noto Sans Arabic","Lato",Helvetica,Arial,sans-serif;
  letter-spacing:normal;
}

/* -- Exception a la regle d'interlettrage de la ligne 50 ---------------------
   « html[lang=ar] .enc-pillar * » annule l'interlettrage partout, a raison :
   il casse les liaisons arabes. Mais le code d'une pastille UICN (LC, NT, VU)
   est en lettres LATINES : il doit garder le .04em du composant, sinon la
   meme pastille n'a pas la meme allure en arabe et dans les deux autres
   langues. Cette regle doit rester la DERNIERE du fichier. 2026-09-15 */
html[lang="ar"] .iucn-tag{letter-spacing:.04em !important}

/* Le terme UICN arabe de CR, « مهدد بالانقراض من الدرجة الأولى », est trop long
   pour la case du panneau de filtres et se faisait tronquer par les points de
   suspension. Un filtre illisible ne sert a rien : on le laisse passer sur deux
   lignes. Les autres langues gardent la ligne unique. */
html[lang="ar"] .listview .panel .chk .ck-l{white-space:normal;overflow:visible;
  text-overflow:clip;line-height:1.35}

/* -- SLIDESHOW FOND BLANC : pendant RTL de `.slideshow--studio` (2026-09-20).
   `html[lang="ar"] .slideshow::after` (ici, lignes 152 et 154) bat la regle d'enrich.css :
   sans cette ligne le degrade reste sur les pages arabes. -- */
html[lang="ar"] .slideshow--studio::after{background:none}