/* 
 * Material Dashboard RTL Styles
 * Custom RTL overrides for Arabic language support
 */

/* Base RTL Setup */
body.rtl {
  direction: rtl;
  text-align: right;
}

/* Typography */
body[lang="ar"],
.rtl {
  font-family: "Cairo", "Roboto", Arial, sans-serif !important;
}

/* Margin Utilities - Flip Start/End */
.rtl .ms-1 {
  margin-right: 0.25rem !important;
  margin-left: 0 !important;
}
.rtl .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}
.rtl .ms-3 {
  margin-right: 1rem !important;
  margin-left: 0 !important;
}
.rtl .ms-4 {
  margin-right: 1.5rem !important;
  margin-left: 0 !important;
}
.rtl .ms-5 {
  margin-right: 3rem !important;
  margin-left: 0 !important;
}

.rtl .me-1 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}
.rtl .me-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}
.rtl .me-3 {
  margin-left: 1rem !important;
  margin-right: 0 !important;
}
.rtl .me-4 {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}
.rtl .me-5 {
  margin-left: 3rem !important;
  margin-right: 0 !important;
}

/* Padding Utilities - Flip Start/End */
.rtl .ps-1 {
  padding-right: 0.25rem !important;
  padding-left: 0 !important;
}
.rtl .ps-2 {
  padding-right: 0.5rem !important;
  padding-left: 0 !important;
}
.rtl .ps-3 {
  padding-right: 1rem !important;
  padding-left: 0 !important;
}
.rtl .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
}
.rtl .ps-5 {
  padding-right: 3rem !important;
  padding-left: 0 !important;
}

.rtl .pe-1 {
  padding-left: 0.25rem !important;
  padding-right: 0 !important;
}
.rtl .pe-2 {
  padding-left: 0.5rem !important;
  padding-right: 0 !important;
}
.rtl .pe-3 {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}
.rtl .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
}
.rtl .pe-5 {
  padding-left: 3rem !important;
  padding-right: 0 !important;
}

/* Text Alignment */
.rtl .text-start {
  text-align: right !important;
}
.rtl .text-end {
  text-align: left !important;
}

/* Float */
.rtl .float-start {
  float: right !important;
}
.rtl .float-end {
  float: left !important;
}

/* Sidebar Navigation */
.rtl .sidenav {
  right: 0;
  left: auto;
}

.rtl .sidenav.fixed-start {
  right: 0 !important;
  left: auto !important;
}

.rtl .sidenav .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}

.rtl .sidenav .nav-link-text {
  margin-right: 1rem;
  margin-left: 0;
}

/* Main Content with Sidebar */
.rtl.g-sidenav-show .main-content {
  margin-right: 17.125rem;
  margin-left: 0;
}

@media (max-width: 1199.98px) {
  .rtl.g-sidenav-show .main-content {
    margin-right: 0;
  }
}

/* Navbar */
.rtl .navbar-nav {
  padding-right: 0;
  padding-left: 0;
}

.rtl .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/* Dropdown */
.rtl .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/* Cards */
.rtl .card {
  text-align: right;
}

.rtl .card-header {
  text-align: right;
}

/* Tables */
.rtl table {
  text-align: right;
}

.rtl .table th,
.rtl .table td {
  text-align: right;
}

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

.rtl
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -1px;
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* Buttons */
.rtl .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rtl .btn-group > .btn:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* Breadcrumb */
.rtl .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
}

/* Pagination */
.rtl .pagination {
  padding-right: 0;
}

.rtl .page-link {
  margin-right: 0;
  margin-left: 0.125rem;
}

.rtl .page-item:first-child .page-link {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rtl .page-item:last-child .page-link {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Icons */
.rtl .material-icons,
.rtl .fa,
.rtl .fas,
.rtl .far {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Alerts */
.rtl .alert {
  text-align: right;
}

/* Modal */
.rtl .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem;
}

/* List Group */
.rtl .list-group {
  padding-right: 0;
}

/* Badge */
.rtl .badge {
  text-align: center;
}

/* Progress */
.rtl .progress {
  direction: ltr;
}

/* Custom Scrollbar */
.rtl ::-webkit-scrollbar {
  width: 8px;
}

/* Specific Material Dashboard Overrides */
.rtl .navbar-vertical .navbar-nav .nav-link {
  text-align: right;
}

.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]::after {
  margin-right: auto;
  margin-left: 0;
}

.rtl .fixed-plugin {
  left: 30px;
  right: auto;
}

.rtl .fixed-plugin .fixed-plugin-button {
  left: 0;
  right: auto;
  border-radius: 0 1.875rem 1.875rem 0;
}

/* Chart Adjustments */
.rtl canvas {
  direction: ltr;
}

/* Timeline */
.rtl .timeline {
  padding-right: 0;
}

.rtl .timeline::before {
  right: 0;
  left: auto;
}

/* Avatar */
.rtl .avatar-group .avatar {
  margin-right: -0.75rem;
  margin-left: 0;
}

.rtl .avatar-group .avatar:hover {
  z-index: 3;
}