/* ============================================================
   Arabic (ar) RTL overrides — loaded ONLY when lang = ar.
   All rules are scoped to html[dir="rtl"] so they never affect
   LTR languages. Loaded after style.css / mobile.css.
   ============================================================ */

html[dir="rtl"] {
  direction: rtl;
}

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

/* ---------- Desktop header / nav mirror ---------- */
html[dir="rtl"] .header .logo {
  float: right;
}

html[dir="rtl"] .header .header-right {
  float: left;
  margin-right: 0;
  margin-left: -43rem;
}

html[dir="rtl"] .header .header-right .lan {
  float: left;
  background: url(../images/line.png) no-repeat center right;
}

html[dir="rtl"] .header .header-right .lan span {
  padding-right: 0;
  padding-left: 20rem;
}

html[dir="rtl"] .header .header-right .lan ul {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -50rem;
}

html[dir="rtl"] .header .header-right .header-search {
  float: left;
}

html[dir="rtl"] .header .header-right .header-search .form-control {
  text-align: right;
  padding: 0 30rem 0 60rem;
}

html[dir="rtl"] .header .header-right .header-search .btn {
  right: auto;
  left: 0;
}

html[dir="rtl"] .header .header-right .menu {
  float: left;
}

html[dir="rtl"] .header .header-right .menu .navPhoneBtn {
  float: right;
  right: auto;
  left: 0;
  text-align: left;
}

html[dir="rtl"] .nav {
  float: left;
  margin-right: 0;
  margin-left: 16rem;
}

html[dir="rtl"] .nav ul li {
  float: right;
  margin-left: 0;
  margin-right: 80rem;
}

html[dir="rtl"] .nav ul li a:after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .nav ul li .subnav {
  left: auto;
  right: 0;
}

html[dir="rtl"] .nav ul li .subnav .text {
  float: right;
}

html[dir="rtl"] .nav ul li .subnav .text .gd a:after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .nav ul li .subnav .text .list a {
  float: right;
  padding-left: 2rem;
  padding-right: 24rem;
}

html[dir="rtl"] .nav ul li .subnav .text .list a:hover {
  background: url(../images/dot.png) no-repeat center right;
}

html[dir="rtl"] .nav ul li .subnav .pic {
  float: left;
}

html[dir="rtl"] .nav ul li .subnav .download {
  float: left;
}

/* ---------- Generic directional helpers ---------- */
html[dir="rtl"] .pull-right { float: left !important; }
html[dir="rtl"] .pull-left  { float: right !important; }
html[dir="rtl"] .text-left  { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }

/* ---------- Mobile header mirror (beat mobile.css !important) ---------- */
html[dir="rtl"] .header .header-right .menu {
  float: left !important;
  margin-right: 0 !important;
  margin-left: 10px !important;
}

html[dir="rtl"] .header .header-right .header-search {
  float: left !important;
  margin-right: 0 !important;
  margin-left: 5px !important;
}

html[dir="rtl"] .header .header-right .nav.mobile-active ul li a {
  text-align: right !important;
}

html[dir="rtl"] .header .header-right .nav.mobile-active ul li .subnav .text .list a {
  text-align: right !important;
}