/* RTL Support - Only for text */
html[dir="rtl"] body {
  font-family: 'Tajawal', sans-serif;
}

/* Exclude InfiniteSlider from RTL styles */
html[dir="rtl"] .infinite-slider-container,
html[dir="rtl"] .infinite-slider-container * {
  direction: ltr;
  text-align: left;
}

/* Text alignment for RTL */
html[dir="rtl"] p:not(.infinite-slider-container *),
html[dir="rtl"] h1:not(.infinite-slider-container *),
html[dir="rtl"] h2:not(.infinite-slider-container *),
html[dir="rtl"] h3:not(.infinite-slider-container *),
html[dir="rtl"] h4:not(.infinite-slider-container *),
html[dir="rtl"] h5:not(.infinite-slider-container *),
html[dir="rtl"] h6:not(.infinite-slider-container *),
html[dir="rtl"] span:not(.infinite-slider-container *),
html[dir="rtl"] a:not(.infinite-slider-container *),
html[dir="rtl"] button:not(.infinite-slider-container *),
html[dir="rtl"] label:not(.infinite-slider-container *),
html[dir="rtl"] li:not(.infinite-slider-container *) {
  text-align: right;
  direction: rtl;
}

/* Exception for centered text */
html[dir="rtl"] .text-center,
html[dir="rtl"] .text-center p,
html[dir="rtl"] .text-center h1,
html[dir="rtl"] .text-center h2,
html[dir="rtl"] .text-center h3,
html[dir="rtl"] .text-center h4,
html[dir="rtl"] .text-center h5,
html[dir="rtl"] .text-center h6,
html[dir="rtl"] .text-center span,
html[dir="rtl"] .text-center a,
html[dir="rtl"] .text-center button,
html[dir="rtl"] .text-center label,
html[dir="rtl"] .text-center li {
  text-align: center;
}

/* Keep numbers in LTR */
html[dir="rtl"] .ltr-num {
  direction: ltr;
  display: inline-block;
}

/* Form elements text alignment */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

/* Fix for dropdown menus */
html[dir="rtl"] [data-radix-popper-content-wrapper] {
  transform-origin: var(--radix-popper-transform-origin);
}

/* Fix for icons in buttons */
html[dir="rtl"] button svg,
html[dir="rtl"] a svg {
  margin-left: 0;
  margin-right: 0;
}

/* Fix for RTL dropdown items */
html[dir="rtl"] [role="menuitem"] {
  text-align: right;
  direction: rtl;
}

/* Responsive fixes for Arabic on small devices */
@media (max-width: 640px) {
  html[dir="rtl"] .sm-layout-fix {
    direction: ltr;
  }

  html[dir="rtl"] .sm-layout-fix .rtl-text {
    text-align: right;
    direction: rtl;
  }

  /* Fix padding on small screens */
  html[dir="rtl"] .sm-padding-fix {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Fix margins on small screens */
  html[dir="rtl"] .sm-margin-fix {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Fix buttons on small screens */
  html[dir="rtl"] button,
  html[dir="rtl"] .button {
    direction: ltr;
  }

  html[dir="rtl"] button .rtl-text,
  html[dir="rtl"] .button .rtl-text {
    display: inline-block;
    text-align: center;
    direction: rtl;
  }
}

/* Add Tajawal font for Arabic */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');