/* Arabic RTL layout for Silverpine Bhutan */
html[dir="rtl"] {
  font-family: "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label {
  font-family: "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .font-serif {
  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", serif;
}

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

html[dir="rtl"] #back-to-top {
  right: auto;
  left: 1.5rem;
}

html[dir="rtl"] #back-to-top span {
  right: auto;
  left: 100%;
  margin-right: 0;
  margin-left: 0.75rem;
}

html[dir="rtl"] #lang-dropdown {
  right: auto;
  left: 0;
}

html[dir="rtl"] .nav-lang-dropdown {
  right: auto;
  left: 0;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] .text-left {
  text-align: right;
}

html[dir="rtl"] .text-right {
  text-align: left;
}

html[dir="rtl"] .border-r-4 {
  border-right-width: 0;
  border-left-width: 4px;
}
