/* =====================================================================
   RTL.CSS — Correctifs charges uniquement quand dir="rtl" (langue arabe)
   -----------------------------------------------------------------------
   Bootstrap RTL (bootstrap.rtl.min.css, charge conditionnellement dans
   includes/header.php) inverse deja la grille, les marges/paddings
   logiques et la plupart des composants. Ce fichier ne corrige que ce
   qui reste code "en dur" en sens gauche->droite dans style.css/JS.
   ===================================================================== */

body { font-family: 'Tajawal', 'Poppins', sans-serif; }
h1, h2, h3, h4, .section-title, .hero h1 { font-family: 'Tajawal', 'Lora', serif; }

/* Flèches directionnelles des cartes projet/actualité : sens inversé */
.ahdo-card__action::after { content: "←"; margin-inline-start: .35em; }

/* Puces / chevrons de carrousel (caractères Unicode fixes, pas de mirroring auto) */
.ahdo-carousel__btn[data-carousel-prev] { transform: scaleX(-1); }
.ahdo-carousel__btn[data-carousel-next] { transform: scaleX(-1); }

/* Bouton "revenir en haut" : reste dans le coin visuel opposé */
#scroll-top { right: auto; left: 1.5rem; }

/* Bandeau utilitaire (topbar) : ordre logique deja gere par Bootstrap RTL,
   on s'assure juste que les icones gardent un espacement correct */
.topbar__contact, .topbar__socials { direction: rtl; }

/* Fil d'Ariane : le separateur Bootstrap RTL est deja inversé, on ajuste
   uniquement l'alignement du bloc dans le bandeau de page */
.page-hero__inner { text-align: right; }

/* CTA et badges : recentrage des icônes qui utilisent margin-right en dur */
.btn .bi { margin-left: .35em; margin-right: 0; }
.btn .bi:last-child { margin-left: 0; }

/* Citations / blockquotes avec bordure ou guillemet positionné à gauche */
blockquote.blockquote .bi-quote { transform: scaleX(-1); }