/* =========================================================
   RTL overrides for Arabic (Bootstrap 5 + custom)
   Applied when body has class "rtl" and dir="rtl"
   ========================================================= */

body.rtl{
  direction: rtl;
  text-align: right;
}

/* Navbar: reverse layout */
body.rtl .navbar .navbar-nav{
  flex-direction: row-reverse;
}
body.rtl .navbar .dropdown-menu{
  text-align: right;
}

/* Flip spacing utilities that are common in our templates */
body.rtl .ms-auto{ margin-left: 0 !important; margin-right: auto !important; }
body.rtl .me-auto{ margin-right: 0 !important; margin-left: auto !important; }

/* Input groups & icons */
body.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.rtl .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Cards & lists: keep icons aligned nicely */
body.rtl .icon-circle{ margin-left: .5rem; margin-right: 0; }

/* Tables: ensure readability */
body.rtl .table{ direction: rtl; }
body.rtl .table th, body.rtl .table td{ text-align: right; }