/* RTL layout overrides (Urdu, Sindhi) — works with Bootstrap RTL + Google Translate */

html[dir="rtl"] body {
  text-align: right;
  font-family: "Noto Sans Arabic", "Noto Nastaliq Urdu", "Segoe UI", Tahoma, sans-serif;
}

html[lang="ur"][dir="rtl"] body {
  font-family: "Noto Nastaliq Urdu", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  line-height: 1.85;
}

html[dir="rtl"] .top-bar {
  direction: rtl;
}

html[dir="rtl"] .top-bar .flex-grow-1 {
  text-align: right;
}

html[dir="rtl"] .top-bar-actions {
  flex-direction: row-reverse;
}

html[dir="rtl"] .site-nav {
  direction: rtl;
}

html[dir="rtl"] .brand-block {
  flex-direction: row-reverse;
  text-align: right;
}

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

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

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

html[dir="rtl"] .site-nav .dropdown-menu,
html[dir="rtl"] footer .dropup .dropdown-menu {
  text-align: right;
}

html[dir="rtl"] .site-nav .dropdown-item,
html[dir="rtl"] footer .dropup .dropdown-item {
  text-align: right;
}

html[dir="rtl"] #siteSearchForm {
  flex-direction: row-reverse;
}

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

html[dir="rtl"] footer.site-footer {
  direction: rtl;
}

html[dir="rtl"] footer.site-footer .left {
  justify-self: end;
  justify-content: flex-end;
  text-align: right;
}

html[dir="rtl"] footer.site-footer .right {
  justify-self: start;
  justify-content: flex-start;
}

html[dir="rtl"] .content-box,
html[dir="rtl"] .team-section,
html[dir="rtl"] .vision-mission-card,
html[dir="rtl"] .modern-card,
html[dir="rtl"] .accordion-modern .accordion-button {
  text-align: right;
}

html[dir="rtl"] .vision-mission-card {
  border-left: none;
  border-right: 4px solid var(--secondary);
}

html[dir="rtl"] .carousel-caption {
  direction: rtl;
  text-align: center;
}

html[dir="rtl"] .carousel-buttons {
  direction: rtl;
}

html[dir="rtl"] .message-page-intro,
html[dir="rtl"] .team-section__title,
html[dir="rtl"] .team-card-modern__body {
  text-align: center;
}

html[dir="rtl"] .inner-page h1,
html[dir="rtl"] .inner-page h2,
html[dir="rtl"] .inner-page h3,
html[dir="rtl"] .inner-page p,
html[dir="rtl"] .inner-page li {
  text-align: right;
}

html[dir="rtl"] .text-center {
  text-align: center !important;
}

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

html[dir="rtl"] .goog-te-gadget-simple {
  direction: rtl;
}

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