/* ============================================
   RTL Overrides for Arabic version
   ============================================ */

/* Noto Sans Arabic — clean, neutral, pairs well with Inter */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] button {
  font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5 {
  font-family: 'Noto Sans Arabic', sans-serif;
  font-weight: 700;
}

/* Keep brand name in Latin font */
[dir="rtl"] .navbar-brand,
[dir="rtl"] .footer-brand {
  font-family: 'Inter', sans-serif;
}

/* Pipeline stays LTR (visual flow left→right is universal) */
[dir="rtl"] .pipeline-track {
  direction: ltr;
}

/* Pipeline labels back to RTL for Arabic text */
[dir="rtl"] .pipeline-label,
[dir="rtl"] .pipeline-sublabel {
  direction: rtl;
}

/* Pipeline output card text RTL */
[dir="rtl"] .pipeline-output {
  direction: rtl;
  text-align: right;
}

/* Tags inside output stay LTR for technical terms */
[dir="rtl"] .pipeline-output-tag {
  direction: ltr;
}

/* CTA arrow already flipped in HTML (points left for RTL) */

/* Step connector line — same positioning works for RTL */

/* Form text alignment */
[dir="rtl"] .form-label {
  text-align: right;
}

[dir="rtl"] .form-control,
[dir="rtl"] .form-select {
  text-align: right;
}

/* Form error */
[dir="rtl"] .form-error {
  text-align: right;
}

/* Footer links */
[dir="rtl"] .footer-links {
  padding-right: 0;
}

/* Language switcher */
.lang-switch {
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-secondary);
  text-decoration: none;
  padding: 0.25rem 0.6rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  transition: color 0.2s, border-color 0.2s;
}

.lang-switch:hover {
  color: var(--accent);
  border-color: var(--accent);
}

/* Slightly larger line height for Arabic readability */
[dir="rtl"] .hero-sub,
[dir="rtl"] .glass-card p,
[dir="rtl"] .step-card p,
[dir="rtl"] .stat-sub,
[dir="rtl"] .footer-tagline,
[dir="rtl"] .pricing-desc,
[dir="rtl"] .accordion-body,
[dir="rtl"] .source-item,
[dir="rtl"] .report-why {
  line-height: 1.9;
}

/* Section header paragraph */
[dir="rtl"] .section-header p {
  line-height: 1.85;
}

/* Pricing features list RTL */
[dir="rtl"] .pricing-features {
  text-align: right;
}

/* FAQ accordion button text alignment */
[dir="rtl"] .faq-section .accordion-button {
  text-align: right;
}

/* Report card RTL */
[dir="rtl"] .report-why {
  text-align: right;
}

[dir="rtl"] .demo-stage-label {
  text-align: right;
}

[dir="rtl"] .source-item {
  text-align: right;
}