/* ===== Fauna Morocco — styles arabes / RTL =====
   Chargé uniquement sur les pages /ar/. Corrige la typographie latine
   (majuscules/interlettrage inadaptés à l'arabe) et l'alignement RTL. */

/* Police arabe moderne */
html[lang="ar"]{font-family:'Cairo','Lato',system-ui,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,
html[lang="ar"] .prog .n{font-family:'Cairo','Oswald',sans-serif}

/* Majuscules forcées + interlettrage : n'existent pas en arabe et cassent les ligatures */
html[lang="ar"] *{letter-spacing:normal !important;text-transform:none !important}

/* Boutons : proportion adaptée à l'arabe */
html[lang="ar"] .btn{font-size:.92em;line-height:1.6}

/* ===== ACCUEIL — hero + encyclopédie composés pour la photo :
   le bloc de texte reste à GAUCHE comme en FR (la photo ne bouge pas) ===== */
html[lang="ar"] .hero,
html[lang="ar"] .enc{direction:ltr}
html[lang="ar"] .hero .inner,
html[lang="ar"] .enc .box{direction:rtl;text-align:left}
html[lang="ar"] .hero .cta-row{direction:ltr;justify-content:flex-start}
html[lang="ar"] .enc .prog{direction:rtl;text-align:left}
html[lang="ar"] .enc-latest{direction:ltr}
html[lang="ar"] .enc-latest .d,
html[lang="ar"] .enc-latest .nm{direction:rtl;text-align:left}

/* ===== Pages de contenu (À propos, etc.) : alignement RTL naturel ===== */
html[lang="ar"] .intro,
html[lang="ar"] .introwrap .inner,
html[lang="ar"] .mem .bd,
html[lang="ar"] .part .prow>div:last-child,
html[lang="ar"] .carnet .cwrap{text-align:right}
/* icône Instagram : garder le pseudo latin lisible de gauche à droite */
html[lang="ar"] .mem a.ig{direction:ltr;display:inline-block}
/* liens partenaires (flèche) : la flèche pointe vers la gauche en RTL */
html[lang="ar"] .part .link{direction:rtl}