/* RTL Support for Arabic */
[dir="rtl"] {
  font-family: 'Tajawal', 'Inter', sans-serif;
}

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

/* Flip flex directions for RTL */
[dir="rtl"] .flex-row {
  flex-direction: row-reverse;
}

/* Adjust margins and paddings */
[dir="rtl"] .mr-2 {
  margin-right: 0;
  margin-left: 0.5rem;
}

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

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

/* Grid alignment for navbar */
[dir="rtl"] .justify-self-start {
  justify-self: end;
}

[dir="rtl"] .justify-self-end {
  justify-self: start;
}

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

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

/* Keep LTR for product names */
[dir="ltr"] {
  direction: ltr;
  display: inline-block;
}

/* Arabic typography improvements */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 {
  line-height: 1.6;
  letter-spacing: 0;
}

[dir="rtl"] p {
  line-height: 1.8;
}

/* Badge adjustments for RTL */
[dir="rtl"] .inline-flex {
  flex-direction: row-reverse;
}

/* Flip card numbering position for RTL in How it works section */
[dir="rtl"] .absolute.right-4 {
  right: auto;
  left: 1rem;
}