/* Global RTL Overrides for Cpoint */

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

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

[dir="rtl"] .form-control, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
  text-align: right !important;
}

[dir="rtl"] .modal-content, [dir="rtl"] .modal-header, [dir="rtl"] .modal-body, [dir="rtl"] .modal-footer {
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] .dropdown-menu {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .table {
  direction: rtl !important;
}

[dir="rtl"] .breadcrumb {
  direction: rtl !important;
}

[dir="rtl"] .nav, [dir="rtl"] .navbar, [dir="rtl"] .nav-tabs, [dir="rtl"] .nav-pills {
  direction: rtl !important;
}

[dir="rtl"] .list-group {
  direction: rtl !important;
}

/* Fix Bootstrap's float utilities */
[dir="rtl"] .float-start { float: right !important; }
[dir="rtl"] .float-end { float: left !important; }

/* Fix margin and padding utilities if needed */
[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }
[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }

[dir="rtl"] input[type="url"] {
  text-align: left !important;
}
.modal-content {
    direction: rtl;
}
/* Add more overrides as needed for your UI */