/* =====================================================================
   rtl.css - Adjustements pour la version arabe (sens droite-a-gauche)
   Charge uniquement quand dir="rtl"
   =====================================================================
   La plupart des elements utilisent deja les proprietes logiques
   (margin-inline-start, padding-inline-end, etc.) qui s'adaptent
   automatiquement au sens du texte. Ce fichier ne contient que les
   surcharges necessaires.
   ===================================================================== */

/* Ajustements typographiques fins pour l'arabe */
.lang-ar {
    /* L'arabe a besoin d'un poil plus d'air vertical */
    line-height: 1.75;
}

.lang-ar p {
    line-height: 1.85;
}

/* Le texte arabe n'a pas de versales : on retire toutes les majuscules forcees */
.lang-ar .section-header__eyebrow,
.lang-ar .site-footer__heading,
.lang-ar .practical__item dt,
.lang-ar .news-card__date,
.lang-ar .btn,
.lang-ar .hero__eyebrow {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Les fleches doivent etre miroir en RTL */
[dir="rtl"] .btn__arrow,
[dir="rtl"] .service-card__link span[aria-hidden],
[dir="rtl"] .hero__actions .btn__arrow {
    display: inline-block;
    transform: scaleX(-1);
}

/* Le bandeau officiel doit garder le rouge a gauche meme en RTL (sens de lecture du drapeau) */
[dir="rtl"] .official-bar {
    flex-direction: row-reverse;
}

/* Le hero : aligner le texte a droite en RTL */
[dir="rtl"] .hero__title,
[dir="rtl"] .hero__lead {
    margin-inline-start: 0;
}

/* Le bouton ouvre/ferme du menu : remettre l'animation correcte */
[dir="rtl"] .site-nav__toggle {
    transform: scaleX(-1);
}

/* Les filets lateraux dans le mot de l'ambassadeur s'adaptent automatiquement
   via border-inline-start mais on s'assure du padding correct */
[dir="rtl"] .ambassador__quote {
    padding-inline-start: var(--space-5);
}

/* Le drapeau gradient du footer : conserver l'ordre original des couleurs */
[dir="rtl"] .site-footer::before {
    background:
        linear-gradient(270deg,
            var(--rim-red) 0%,
            var(--rim-red) 12%,
            var(--rim-green) 12%,
            var(--rim-green) 88%,
            var(--rim-gold) 88%,
            var(--rim-gold) 100%);
}

/* Forcer la direction des elements numeriques (telephones, dates) en LTR
   meme dans un contexte arabe pour eviter les chiffres lus a l'envers */
[dir="rtl"] .practical__item a[href^="tel:"],
[dir="rtl"] .site-footer__contact a[href^="tel:"],
[dir="rtl"] time {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* Le mot "Français" dans le selecteur de langue reste en LTR */
[dir="rtl"] .lang-switcher__link[lang="fr"] {
    direction: ltr;
    font-family: var(--font-body);
}