/* IBRIXI — Styles multilingue FR/EN/AR (RTL) */

/* Arabic font */
html[lang="ar"],
html[lang="ar"] body,
html[dir="rtl"],
html[dir="rtl"] body {
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif !important;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .hero__title,
html[lang="ar"] .section-title,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .hero__title,
html[dir="rtl"] .section-title {
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif !important;
  font-weight: 700;
}

.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 12px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.lang-switch__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgba(238,240,255,0.7);
  text-decoration: none;
  transition: all 0.2s ease;
}

.lang-switch__btn:hover {
  color: #eef0ff;
  background: rgba(255,255,255,0.06);
}

.lang-switch__btn.is-active {
  color: #0f1330;
  background: #F6AC12;
}

.drawer__lang {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

/* RTL pour l'arabe */
html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] .nav__inner {
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav__links {
  flex-direction: row-reverse;
}

html[dir="rtl"] .hero__actions {
  flex-direction: row-reverse;
}

html[dir="rtl"] .about__grid {
  direction: rtl;
}

html[dir="rtl"] .footer__bar {
  flex-direction: row-reverse;
}

html[dir="rtl"] .contact__grid {
  direction: rtl;
}

html[dir="rtl"] .steps {
  direction: rtl;
}

html[dir="rtl"] .lang-switch {
  margin-left: 0;
  margin-right: 12px;
}

html[dir="rtl"] .fa-paper-plane,
html[dir="rtl"] .fa-arrow-left {
  transform: scaleX(-1);
}

/* Ajustements génériques RTL */
html[dir="rtl"] [class*="__inner"],
html[dir="rtl"] [class*="grid"],
html[dir="rtl"] [class*="flex"] {
  direction: rtl;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 20px;
  padding-left: 0;
}