/* RTL (Right-to-Left) styles for Arabic version */

[dir="rtl"] {
  /* Typography adjustments - Cairo font for beautiful Arabic typography */
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

[dir="rtl"] * {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
}

[dir="rtl"] body {
  text-align: right;
}

/* Navigation adjustments */
[dir="rtl"] .nav-container {
  flex-direction: row-reverse;
}

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

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

[dir="rtl"] .mobile-menu-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .mobile-menu-panel {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}

[dir="rtl"] .mobile-menu.active .mobile-menu-panel {
  transform: translateX(0);
}

/* Hero section adjustments */
[dir="rtl"] .hero-content {
  text-align: center; /* Keep centered for hero */
}

[dir="rtl"] .hero-chips {
  justify-content: center;
}

[dir="rtl"] .app-store-badges {
  justify-content: center;
}

/* Section adjustments */
[dir="rtl"] .section-header {
  text-align: center; /* Keep headers centered */
}

[dir="rtl"] .section-title {
  justify-content: center;
}

/* Brand and feature cards */
[dir="rtl"] .brand-card,
[dir="rtl"] .feature-card,
[dir="rtl"] .step-card {
  text-align: center; /* Keep cards centered */
}

/* Newsletter form */
[dir="rtl"] .newsletter-form {
  flex-direction: row-reverse;
}

[dir="rtl"] .newsletter-title {
  justify-content: center;
}

/* Footer adjustments */
[dir="rtl"] .footer-content {
  text-align: right;
}

[dir="rtl"] .footer-brand {
  text-align: right;
}

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

[dir="rtl"] .footer-bottom-links {
  flex-direction: row-reverse;
}

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

/* Floating shapes - mirror positions for RTL */
[dir="rtl"] .floating-shape-1 {
  right: auto;
  left: 10%;
}

[dir="rtl"] .floating-shape-2 {
  left: auto;
  right: 5%;
}

[dir="rtl"] .floating-shape-3 {
  left: auto;
  right: 20%;
}

/* Toast positioning */
[dir="rtl"] .toast {
  right: auto;
  left: 2rem;
  transform: translateX(-100%);
}

[dir="rtl"] .toast.show {
  transform: translateX(0);
}

/* Step connectors - adjust for RTL */
[dir="rtl"] .step-connector {
  right: auto;
  left: -1rem;
}

/* Animations for RTL */
[dir="rtl"] .animate-slide-in-right {
  animation: slideInLeft 0.3s ease-out forwards;
}

[dir="rtl"] .animate-slide-out-right {
  animation: slideOutLeft 0.3s ease-out forwards;
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideOutLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Text direction specific adjustments */
[dir="rtl"] .text-left {
  text-align: right;
}

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

/* Margin and padding adjustments */
[dir="rtl"] .ml-auto {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .mr-auto {
  margin-right: 0;
  margin-left: auto;
}

[dir="rtl"] .pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}

[dir="rtl"] .pr-4 {
  padding-right: 0;
  padding-left: 1rem;
}

/* Arabic font optimizations */
[dir="rtl"] .hero-title {
  line-height: 1.3; /* Better for Arabic text */
}

[dir="rtl"] .section-title {
  line-height: 1.3;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
  line-height: 1.4; /* Better spacing for Arabic */
}

/* Responsive RTL adjustments */
@media (max-width: 767px) {
  [dir="rtl"] .newsletter-form {
    flex-direction: column;
  }
  
  [dir="rtl"] .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
  
  [dir="rtl"] .hero-chips {
    flex-direction: column;
    align-items: center;
  }
  
  [dir="rtl"] .app-store-badges {
    align-items: center;
  }
}

/* Cairo font weight mappings for optimal Arabic typography */
[dir="rtl"] h1,
[dir="rtl"] .hero-title {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-weight: 800;
}

[dir="rtl"] h2,
[dir="rtl"] .section-title {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-weight: 700;
}

[dir="rtl"] h3,
[dir="rtl"] .feature-title,
[dir="rtl"] .brand-name {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-weight: 600;
}

[dir="rtl"] .hero-subtitle,
[dir="rtl"] .section-subtitle {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-weight: 400;
}

[dir="rtl"] p,
[dir="rtl"] .feature-description {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-weight: 400;
  line-height: 1.7;
}

[dir="rtl"] .nav-link,
[dir="rtl"] .btn {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', var(--font-sans);
  font-weight: 500;
}

/* Improve Arabic text spacing and readability */
[dir="rtl"] {
  letter-spacing: 0.01em;
  word-spacing: 0.05em;
}