/* Arabic (and any html[dir="rtl"]) layout. LTR pages ignore this file. */

html[dir="rtl"] .site-nav {
  right: auto;
  left: 0;
  box-shadow: 8px 0 24px rgba(0, 0, 0, 0.12);
  transform: translateX(-100%);
}
html[dir="rtl"] .site-nav.open {
  transform: translateX(0);
}
html[dir="rtl"] .site-global-language select {
  padding: 6px 8px 6px 26px;
}
html[dir="rtl"] .site-top-btn {
  right: auto;
  left: 20px;
}
html[dir="rtl"] .site-foot-left {
  text-align: right;
}
html[dir="rtl"] .site-foot-right {
  text-align: left;
}
html[dir="rtl"] .home-grid-item {
  text-align: start;
}
html[dir="rtl"] .blog-content ol,
html[dir="rtl"] .blog-content ul {
  padding-left: 0;
  padding-right: 1.4em;
}
html[dir="rtl"] .site-form.login-alt {
  margin: 14px 0 0 18px;
}
html[dir="rtl"] .po-cc-manage {
  left: auto;
  right: 16px;
}
html[dir="rtl"] .field select {
  background-position: left 12px center;
  padding-right: 12px;
  padding-left: 36px;
}
html[dir="rtl"] .ink-pick input {
  margin-right: 0;
  margin-left: 6px;
}
html[dir="rtl"] .line,
html[dir="rtl"] .hint,
html[dir="rtl"] .sheet-item,
html[dir="rtl"] .said,
html[dir="rtl"] .got,
html[dir="rtl"] .trans,
html[dir="rtl"] .pick-box button,
html[dir="rtl"] .friend-card .body {
  text-align: start;
}
html[dir="rtl"] .svc {
  text-align: start;
}
html[dir="rtl"] .svc-name {
  text-align: end;
}
html[dir="rtl"] .fee-row > span {
  text-align: start;
}
html[dir="rtl"] .fee-row > strong {
  text-align: end;
}

@media (min-width: 720px) {
  html[dir="rtl"] .site-nav {
    left: auto;
    right: auto;
    box-shadow: none;
    transform: none;
  }
  html[dir="rtl"] .site-global-language select {
    padding: 6px 8px 6px 26px;
  }
}

@media (max-width: 720px) {
  html[dir="rtl"] .site-foot-left,
  html[dir="rtl"] .site-foot-right {
    text-align: start;
  }
  html[dir="rtl"] .site-foot-bar-inner {
    align-items: flex-end;
  }
}