/* Arabic RTL Styles - Overrides for styles.css */
/* This file should be loaded after styles.css */

/* RTL Base Styles */
body {
  direction: rtl;
  text-align: right;
}

/* Font Family Override for Arabic */
:root {
  --font-primary: 'Tajawal', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* RTL Flexbox Adjustments */
.feature-highlight {
  flex-direction: row-reverse;
}

.benefit-header {
  flex-direction: row-reverse;
}

/* Text Alignment Overrides */
.benefit-card {
  text-align: right;
}

/* Icon and Spacing Adjustments for RTL */
.footer-column a i {
  margin-left: var(--space-sm);
  margin-right: 0;
  width: 16px;
}

/* Force LTR for contact information to prevent inversion */
.footer-column a[href^="mailto:"],
.footer-column a[href^="tel:"] {
  direction: ltr !important;
  text-align: left !important;
  justify-content: flex-start;
}

.footer-column a[href^="mailto:"] i,
.footer-column a[href^="tel:"] i {
  margin-right: var(--space-sm);
  margin-left: 0;
  order: -1;
}

/* RTL Layout Adjustments */
.benefit-card:hover {
  transform: translateX(-8px); /* Reverse direction for RTL */
}

/* Typography Adjustments for Arabic */
h1 {
  font-size: 3.5rem; /* Slightly larger for Arabic readability */
}

h2 {
  font-size: 2.5rem; /* Slightly larger for Arabic readability */
}

h3 {
  font-size: 1.5rem; /* Slightly larger for Arabic readability */
}

.benefit-content h3 {
  font-size: 1.4rem; /* Improved Arabic readability */
}

.benefit-description {
  font-size: 1.05rem; /* Improved Arabic readability */
}



/* Arabic pricing display */

/* Arabic plan features */
.plan-features {
  text-align: right;
  direction: rtl;
}

.plan-features li {
  padding-right: 24px;
  padding-left: 0;
}

.plan-features li::before {
  right: 0;
  left: auto;
}

/* Arabic features grid */
.features-grid {
  direction: rtl;
}

.features-grid li {
  text-align: right;
  padding-right: 40px;
  padding-left: var(--space-md);
}

.features-grid li::before {
  right: 12px;
  left: auto;
}