/* =====================================================================
   Version arabe (dir="rtl") — chargé uniquement sur /ar/…
   Polices arabes + corrections des éléments positionnés à gauche/droite.
   ===================================================================== */
:root {
  --ff-display: 'Noto Kufi Arabic', 'Tajawal', system-ui, sans-serif;
  --ff-body:    'Tajawal', 'Noto Kufi Arabic', system-ui, sans-serif;
}
html[dir="rtl"] body { font-family: var(--ff-body); line-height: 1.8; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { font-family: var(--ff-display); line-height: 1.45; letter-spacing: 0; }
/* Pas d'espacement de lettres ni de majuscules forcées en arabe (lettres liées) */
html[dir="rtl"] * { letter-spacing: 0 !important; }
html[dir="rtl"] [class*="eyebrow"],
html[dir="rtl"] .section__eyebrow,
html[dir="rtl"] .lang-pills__label,
html[dir="rtl"] .nav-mobile-cta__title { text-transform: none; }

/* Numéros, e-mails, téléphones et codes restent de gauche à droite */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }

/* ── En-tête : logo aligné à droite de sa zone (sinon il recouvre le premier lien du menu) ── */
html[dir="rtl"] .navbar .navbar__logo-img {
  left: auto;
  right: 0;
  object-position: right center;
}

/* ── Mégamenu desktop « البلاط الإسمنتي » : s'ouvre sous le lien, aligné à droite ── */
html[dir="rtl"] .nav-dropdown__menu.megamenu { left: auto; right: 0; }
html[dir="rtl"] .megamenu__item { text-align: right; }
/* « › » est un caractère miroir : le navigateur l'affiche déjà « ‹ » en arabe, pas d'inversion manuelle */

/* ── Sélecteur de langue desktop : menu aligné sur le bord gauche du bouton ── */
html[dir="rtl"] .lang-menu__list { right: auto; left: 0; }
html[dir="rtl"] .lang-menu__list::before { right: auto; left: 22px; }

/* ── Flèches décoratives : pointent vers la gauche (sens de lecture) ── */
html[dir="rtl"] .models-card__cta span[aria-hidden="true"],
html[dir="rtl"] .featured-projet__cta-arrow { display: inline-block; transform: scaleX(-1); }

/* ── Menu mobile / tablette ── */
@media (max-width: 1180px) {
  html[dir="rtl"] .navbar__menu > a::after,
  html[dir="rtl"] .navbar__secondary-group a::after {
    margin-right: 0;
    margin-left: .35rem;
    transform: rotate(-135deg);
  }
  html[dir="rtl"] .navbar__menu .nav-dropdown__trigger::after { margin-right: 0; margin-left: .3rem; }
  html[dir="rtl"] .navbar__menu > a.nav-active,
  html[dir="rtl"] .navbar__menu .nav-dropdown__trigger.nav-active,
  html[dir="rtl"] .navbar__secondary-group a.nav-active {
    box-shadow: inset -3px 0 0 var(--clr-terracotta);
    padding-left: .15rem !important;
    padding-right: .85rem !important;
  }
  html[dir="rtl"] .megamenu__sub-arrow { margin-left: 0; margin-right: auto; }
  html[dir="rtl"] .megamenu__item--btn.active .megamenu__sub-arrow { transform: rotate(-90deg); }
  html[dir="rtl"] .megamenu__right {
    margin: 0 1.6rem .4rem .6rem;
    border-left: 0 !important;
    border-right: 1px solid rgba(192,113,74,.45) !important;
  }
  html[dir="rtl"] .navbar__menu .megamenu__item { text-align: right; }
}

/* Catégories du mégamenu desktop : barre terracotta du côté droit */
html[dir="rtl"] .megamenu__item--cat,
html[dir="rtl"] body.is-inner-page .navbar .megamenu__item--cat {
  border-left: 0;
  border-right: 3px solid var(--clr-terracotta);
  padding-left: 1.4rem !important;
  padding-right: .85rem !important;
}
@media (max-width: 1180px) {
  html[dir="rtl"] .megamenu__item--cat,
  html[dir="rtl"] body.is-inner-page .navbar .megamenu__item--cat { border-right: 0 !important; padding: .45rem .9rem !important; }
}

/* Lignes mêlant numéros et texte (téléphones, horaires) : sens déterminé par le premier caractère fort,
   pour que « +212 808 569 919 » ne soit pas inversé */
html[dir="rtl"] .footer__col p,
html[dir="rtl"] .contact__fact-value,
html[dir="rtl"] .cgu-info-block dd { unicode-bidi: plaintext; }
html[dir="rtl"] .footer__col p,
html[dir="rtl"] .contact__fact-value { text-align: right; }
/* Flèches SVG « aller vers » (ex. FAQ › Voir nos projets) */
html[dir="rtl"] .faq-sidebar a svg { transform: scaleX(-1); }
/* Mégamenu desktop : flèche « ouvrir les catégories » vers la gauche (bout de ligne), vers le bas une fois ouvert */
@media (min-width: 1181px) {
  html[dir="rtl"] .megamenu__sub-arrow { display: inline-block; margin-left: 0; margin-right: auto; transform: scaleX(-1); }
  html[dir="rtl"] .megamenu__item--btn.active .megamenu__sub-arrow { transform: rotate(-90deg); }
}