/* Adjustments layered on top of Bootstrap's RTL build for Arabic pages. */

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

html[dir="rtl"] .navbar-nav {
  padding-inline-start: 0;
}

html[dir="rtl"] .card-service .icon-badge,
html[dir="rtl"] .stat-card {
  direction: rtl;
}

/* Bootstrap icons are direction-agnostic glyphs; mirror only the ones that
   visually imply direction (arrows). */
html[dir="rtl"] .bi-arrow-right::before { content: "\F12F"; } /* arrow-left glyph */
html[dir="rtl"] .bi-arrow-left::before { content: "\F135"; }  /* arrow-right glyph */

html[dir="rtl"] .skip-link {
  left: auto;
  right: 1rem;
}