/*
 * RTL overrides — chargé uniquement quand lang=ar (public.php ET main.php).
 * Bootstrap RTL (bootstrap.rtl.min.css) est chargé avant ce fichier et gère
 * déjà : flex, justify-content, ms-/me-, start/end, pagination, grilles.
 * ⚠️ NE PAS ajouter flex-direction: row-reverse ici — Bootstrap RTL inverse
 *    déjà l'axe inline → double inversion.
 * Ce fichier se limite aux composants 100 % custom non couverts par Bootstrap.
 */

/* ── Police arabe ── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

[lang="ar"] body,
[lang="ar"] * {
    font-family: 'Cairo', 'Tajawal', sans-serif;
}

/* ── Navbar publique ── */
/* flex-direction: row-reverse SUPPRIMÉ — Bootstrap RTL gère déjà .navbar-nav */
[lang="ar"] .navbar-public .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* ── Sidebar admin (layout main.php) ── */
/* Positionnement, margin et bordure accent gérés par :
   - Bootstrap Offcanvas (offcanvas-start + dir="rtl" → coulisse depuis la droite)
   - inset-inline-start: 0 dans le CSS responsive de main.php
   - border-inline-start dans main.php (auto LTR/RTL)
   Aucune override nécessaire ici. */

/* ── Cards annonces ── */
/* .card-footer flex-direction: row-reverse SUPPRIMÉ — Bootstrap RTL gère */
[lang="ar"] .card-body {
    text-align: right;
}

/* ── Footer ── */
[lang="ar"] footer {
    text-align: right;
}
[lang="ar"] footer .footer-social {
    direction: rtl;
}

/* ── Icônes directionnelles Bootstrap Icons ── */
/* Échange les glyphes gauche ↔ droite via ::before.
   Couvre : bi-arrow-right → bi-arrow-left et vice-versa.
   NE PAS combiner avec transform:scaleX(-1) — les deux s'annuleraient. */
[lang="ar"] .bi-arrow-right::before { content: "\f12f"; } /* → arrow-left */
[lang="ar"] .bi-arrow-left::before  { content: "\f138"; } /* → arrow-right */