/* ===== RTL CONTENT SCOPE ONLY ===== */
.rtl-scope {
  direction: rtl;
  text-align: right;
}

/* Grid */
.rtl-scope .row {
  direction: rtl;
}

/* Text helpers */
.rtl-scope .text-left  { text-align: right !important; }
.rtl-scope .text-right { text-align: left !important; }

/* Margins auto */
.rtl-scope .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.rtl-scope .mr-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

/* Forms */
.rtl-scope .form-control,
.rtl-scope .custom-select {
  text-align: right;
}

/* Input groups */
.rtl-scope .input-group > .input-group-prepend {
  margin-right: 0;
  margin-left: -1px;
}
.rtl-scope .input-group > .input-group-append {
  margin-left: 0;
  margin-right: -1px;
}

/* Dropdowns (Bootstrap / Select2) */
.rtl-scope .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/* Tables & DataTables */
.rtl-scope table {
  direction: rtl;
}

/* Modal RTL (only modals opened from rtl-scope) */
.rtl-scope .modal-header,
.rtl-scope .modal-footer {
  flex-direction: row-reverse;
}