/* rtl-styles.css - Additional rules */

/* Fix slider arrows direction in RTL */
html.rtl .swiper-button-next::after,
html.rtl .swiper-button-prev::after {
  transform: scaleX(-1);
}

/* Fix placeholders for RTL */
html.rtl input,
html.rtl textarea {
  text-align: right;
}

/* Fix dropdown menus for RTL */
html.rtl .dropdown-menu,
html.rtl .group .absolute {
  right: 0;
  left: auto !important;
}

/* All forms should be RTL in Arabic mode */
html.rtl form label,
html.rtl form input,
html.rtl form textarea,
html.rtl form select {
  text-align: right;
  direction: rtl;
}

/* Fix margins for RTL lists */
html.rtl ul.space-y-2 li,
html.rtl ul.space-y-3 li,
html.rtl ul.space-y-4 li {
  text-align: right;
}

/* Fix contact section in RTL */
html.rtl .flex-shrink-0 {
  margin-left: 1rem;
  margin-right: 0;
}

/* Ensure footer items are aligned correctly in RTL */
html.rtl .md\:text-left {
  text-align: right !important;
}

html.rtl .md\:text-right {
  text-align: left !important;
}

/* Fix social icons spacing in RTL */
html.rtl .space-x-4 > * + * {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}

/* For slider controls in RTL */
html.rtl .hero-slider .swiper-button-prev {
  left: auto;
  right: 20px;
}

html.rtl .hero-slider .swiper-button-next {
  right: auto;
  left: 20px;
}