/* Bilingual support: Arabic RTL + English LTR */
html[dir="rtl"], html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", sans-serif;
}
html[dir="ltr"], html[dir="ltr"] body {
  direction: ltr;
  text-align: left;
}
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
html[dir="rtl"] .ml-1, html[dir="rtl"] .ml-2, html[dir="rtl"] .ml-3,
html[dir="rtl"] .ml-4, html[dir="rtl"] .ml-5,
html[dir="rtl"] .mr-1, html[dir="rtl"] .mr-2, html[dir="rtl"] .mr-3,
html[dir="rtl"] .mr-4, html[dir="rtl"] .mr-5 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html[dir="rtl"] .ml-1 { margin-right: .25rem !important; }
html[dir="rtl"] .ml-2 { margin-right: .5rem !important; }
html[dir="rtl"] .ml-3 { margin-right: 1rem !important; }
html[dir="rtl"] .ml-4 { margin-right: 1.5rem !important; }
html[dir="rtl"] .ml-5 { margin-right: 3rem !important; }
html[dir="rtl"] .mr-1 { margin-left: .25rem !important; }
html[dir="rtl"] .mr-2 { margin-left: .5rem !important; }
html[dir="rtl"] .mr-3 { margin-left: 1rem !important; }
html[dir="rtl"] .mr-4 { margin-left: 1.5rem !important; }
html[dir="rtl"] .mr-5 { margin-left: 3rem !important; }
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .card,
html[dir="rtl"] .table,
html[dir="rtl"] .form-control,
html[dir="rtl"] .btn,
html[dir="rtl"] .alert,
html[dir="rtl"] .accordion,
html[dir="rtl"] .navbar,
html[dir="rtl"] .list-group-item {
  text-align: right;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] .ltr-field {
  direction: ltr;
  text-align: left;
}
html[dir="rtl"] .input-wrapper__prepend {
  left: auto !important;
  right: 12px !important;
}
html[dir="rtl"] .input-wrapper__append {
  right: auto !important;
  left: 12px !important;
}
html[dir="rtl"] #unique-input {
  padding-left: 41px !important;
  padding-right: 41px !important;
}
html[dir="rtl"] .modal-body.text-left,
html[dir="rtl"] .card_header_title.text-left {
  text-align: right !important;
}
html[dir="rtl"] .fa-arrow-left:before {
  content: "\f061";
}
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !important; }
html[dir="rtl"] .text-lg-end { text-align: left !important; }
html[dir="rtl"] .badge, html[dir="rtl"] .btn, html[dir="rtl"] .nav-link {
  direction: rtl;
}