/* ===== Arabic RTL (Bootstrap 3 float-friendly) ===== */
body.rtl { direction: rtl; }

/* Keep nav RTL but still use Bootstrap floats */
body.rtl .navbar { direction: rtl; }

/* Brand/header on the right */
body.rtl .navbar-header { float: right; }
body.rtl .navbar-brand {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

/* Main menu (the first UL) on the right */
body.rtl .navbar .navbar-nav,
body.rtl .revers1 { float: right !important; }
body.rtl .revers1 > li { float: right; }

/* Right-side menu (language/register/login) on the left */
body.rtl .navbar .navbar-nav.navbar-right.rightside-menu {
  float: left !important;
  margin-right: 0;
  margin-left: 0;
}
body.rtl .rightside-menu > li { float: left; }

/* Right-align link text */
body.rtl .navbar .navbar-nav > li > a { text-align: right; }

/* Validation labels in Arabic */
label.error { text-align: right !important; }

/* Collapsed/mobile navbar */
@media (max-width: 991px) {
  /* Toggle button to the left in RTL */
  body.rtl .navbar-toggle { float: left; }

  /* Stacked items full-width */
  body.rtl .navbar .navbar-nav,
  body.rtl .revers1,
  body.rtl .rightside-menu {
    float: none !important;
  }
  body.rtl .navbar .navbar-nav > li,
  body.rtl .rightside-menu > li {
    float: none;
  }
}

/* Optional component alignment you had */
.accordion { text-align: right; }
.accordion::after { left: 0; right: auto; }
/* ===== Final RTL overrides (Bootstrap 3) ===== */

/* If any old CSS made the navbar a flex container, turn it back to block in RTL */
body.rtl .main_header .navbar.revers-nav { 
  display: block !important;
  direction: rtl;
}

/* Place brand/header on the right */
@media (min-width: 768px) {
  body.rtl .main_header .navbar-header {
    float: right !important;
  }

  /* Main (left) menu becomes right-aligned in RTL */
  body.rtl .main_header .navbar-nav {
    float: right !important;
  }

  /* Right-side menu (lang/register/login) flips to the left */
  body.rtl .main_header .navbar-right.rightside-menu {
    float: left !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* Keep the brand spacing correct in RTL */
body.rtl .main_header .navbar-brand {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 15px !important;
}

/* Link alignment */
body.rtl .main_header .navbar-nav > li > a { text-align: right; }
