/* ==========================================================================
   INTEGRA Academy — Overrides RTL (chargé uniquement par ar/index.html)
   Ce fichier ne modifie jamais styles.css : la version FR reste intacte.
   ========================================================================== */

:root {
  --font-body: "Tajawal", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Tajawal", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
}

body { line-height: 1.85; }

/* Les sous-titres anglais restent en Manrope, discrets et latins */
.h2-en,
.intro__name-en {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0.01em;
}

/* L'arabe est une écriture cursive : on annule les espacements de lettres
   hérités du design FR (pensés pour des majuscules latines espacées) */
.eyebrow,
.intro__name,
.field label,
.pole__meta dt,
.news__tag,
.founder__role,
.reference__sector,
.contact-info__label,
.btn {
  letter-spacing: normal;
}

/* La photo de la fondatrice flotte à droite en RTL, texte qui l'entoure à gauche */
.founder__portrait {
  float: right;
  margin: 0 0 1.5rem 2.75rem;
}
@media (max-width: 640px) {
  .founder__portrait { float: none; margin: 0 0 1.5rem; }
}

/* Le lien de saut d'accessibilité entre par la droite en RTL */
.skip-link { left: auto; right: -999px; }
.skip-link:focus { right: 1rem; left: auto; }

/* Soulignement au survol du menu : se déploie depuis la droite */
.nav__links a:not(.nav__cta)::after {
  left: 100%;
  right: 0;
}
.nav__links a:not(.nav__cta):hover::after { left: 0; right: 0; }

/* Le cadre décoratif du hero passe du côté gauche en RTL */
.hero__frame {
  right: auto;
  left: -10%;
  background:
    linear-gradient(270deg, var(--paper) 0%, var(--paper) 8%, transparent 42%) center / 100% 100% no-repeat,
    url("../assets/hero-abstract-ripples.svg") center / cover no-repeat;
}

/* Séparateur du formulaire de contact : passe à droite du bloc coordonnées */
.contact-info {
  border-left: none;
  padding-left: 0;
  border-right: 1px solid rgba(247, 244, 238, 0.2);
  padding-right: 2rem;
}
@media (max-width: 860px) {
  .contact-info { border-right: none; padding-right: 0; }
}

/* Ticker de citation : le padding de départ passe à droite, et l'animation
   est recalculée pour le sens RTL (le calcul translateX d'origine suppose
   un flux LTR et pousse le contenu hors écran une fois le flex inversé) */
.quote-ticker__track {
  padding-left: 0;
  padding-right: 4rem;
  animation-name: ticker-scroll-rtl;
}
@keyframes ticker-scroll-rtl {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}

/* Bandeau des 7 valeurs : même correction — animation dédiée au RTL */
.pillars__track {
  animation-name: pillars-scroll-rtl;
}
@keyframes pillars-scroll-rtl {
  from { transform: translateX(50%); }
  to { transform: translateX(0); }
}

/* Sélecteur de langue : garde une direction/alignement latin propre */
.nav__lang {
  direction: ltr;
  letter-spacing: 0.04em;
}

/* Accordéon FAQ : la puce +/- reste visuellement à l'extrémité "fin de ligne" (gauche en RTL) — déjà géré par flexbox + dir, aucun override nécessaire ici. */

/* Adresses email/latines insérées dans un paragraphe arabe : éviter une
   coupure disgracieuse en milieu de mot due au mélange RTL/LTR */
.cookies-policy__content a,
.contact-info a {
  unicode-bidi: isolate;
  white-space: nowrap;
}

/* Flèches directionnelles dans le texte (liens "en savoir plus") : gérées
   directement dans le contenu arabe (← au lieu de →), pas de règle CSS requise. */