/* RTL overrides for Arabic locale */
/* Bootstrap RTL handles most layout mirroring; this file handles custom CSS that needs explicit flipping */

[dir="rtl"] body {
  font-family: "Noto Sans Arabic", "Outfit", sans-serif;
}

[dir="rtl"] .text-md-start {
  text-align: right !important;
}

[dir="rtl"] .text-md-end {
  text-align: left !important;
}

[dir="rtl"] .ms-auto {
  margin-right: auto !important;
  margin-left: unset !important;
}

[dir="rtl"] .me-auto {
  margin-left: auto !important;
  margin-right: unset !important;
}

[dir="rtl"] .layer1,
[dir="rtl"] .layer2,
[dir="rtl"] .layer3,
[dir="rtl"] .layer4,
[dir="rtl"] .layer5 {
  border-left: none;
  border-right: 3px solid;
}

[dir="rtl"] .layer1 { border-right-color: var(--primary-layer1); }
[dir="rtl"] .layer2 { border-right-color: var(--primary-layer2); }
[dir="rtl"] .layer3 { border-right-color: var(--primary-layer3); }
[dir="rtl"] .layer4 { border-right-color: var(--primary-layer4); }
[dir="rtl"] .layer5 { border-right-color: var(--primary-layer5); }

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