/* ==========================================================================
   RTL (Right-to-Left) Overrides for AdminLTE 3 + Bootstrap 4
   Applied when html[dir="rtl"]
   ========================================================================== */

/* --- General Text & Direction --- */
[dir="rtl"] body {
  text-align: right;
}

/* --- Sidebar Position --- */
[dir="rtl"] .main-sidebar {
  right: 0;
  left: auto;
}

[dir="rtl"] .main-sidebar .brand-link img,
[dir="rtl"] .main-sidebar .brand-link > span:first-of-type {
  margin-right: 0 !important;
  margin-left: 8px !important;
}

/* Content wrapper shift for sidebar */
[dir="rtl"] .content-wrapper,
[dir="rtl"] .main-header,
[dir="rtl"] .main-footer {
  margin-left: 0 !important;
  margin-right: 250px;
}

[dir="rtl"] .sidebar-collapse .content-wrapper,
[dir="rtl"] .sidebar-collapse .main-header,
[dir="rtl"] .sidebar-collapse .main-footer {
  margin-right: 0 !important;
}

/* When sidebar is open on mobile, push from right */
@media (max-width: 991.98px) {
  [dir="rtl"] .content-wrapper,
  [dir="rtl"] .main-header,
  [dir="rtl"] .main-footer {
    margin-right: 0 !important;
  }

  [dir="rtl"] .sidebar-open .main-sidebar {
    transform: translateX(0) !important;
  }

  [dir="rtl"] .main-sidebar {
    transform: translateX(250px) !important;
  }
}

/* --- Navbar --- */
[dir="rtl"] .main-header.navbar {
  direction: rtl;
  flex-direction: row-reverse;
}

[dir="rtl"] .navbar-nav {
  flex-direction: row;
}

[dir="rtl"] .navbar-nav .nav-item {
  direction: rtl;
}

/* Flip ml-auto to mr-auto */
[dir="rtl"] .navbar-nav.ml-auto,
[dir="rtl"] .navbar-nav.ms-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Navbar search block */
[dir="rtl"] .navbar-search-block .input-group {
  direction: rtl;
}

/* Dropdown menus alignment */
[dir="rtl"] .dropdown-menu-right {
  right: auto !important;
  left: 0 !important;
}

[dir="rtl"] .dropdown-menu-left {
  right: 0 !important;
  left: auto !important;
}

/* --- Sidebar Menu --- */
[dir="rtl"] .nav-sidebar .nav-link {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .nav-sidebar .nav-link .nav-icon {
  margin-left: .5rem;
  margin-right: 0;
  float: right;
}

[dir="rtl"] .nav-sidebar .nav-link p {
  text-align: right;
  direction: rtl;
  margin-right: 0;
  margin-left: 0;
}

/* Treeview arrow: flip from right to left for RTL */
[dir="rtl"] .nav-sidebar .nav-link > .right,
[dir="rtl"] .nav-sidebar .nav-link > p > .right {
  right: auto !important;
  left: 1rem !important;
}

[dir="rtl"] .nav-treeview {
  padding-left: 0 !important;
  padding-right: 1rem !important;
}

[dir="rtl"] .nav-treeview .nav-link {
  padding-right: .5rem;
  padding-left: 0;
}

[dir="rtl"] .nav-treeview .nav-link .nav-icon {
  margin-left: .5rem;
  margin-right: 0;
  float: right;
}

/* Sidebar badge position */
[dir="rtl"] .nav-sidebar .nav-link .badge,
[dir="rtl"] .nav-sidebar .nav-link .right.badge {
  left: 10px;
  right: auto;
}

/* Sidebar header */
[dir="rtl"] .sidebar-header {
  text-align: right;
}

/* --- User Panel --- */
[dir="rtl"] .user-panel .image {
  padding-left: .8rem;
  padding-right: 0;
}

[dir="rtl"] .user-panel .info {
  padding-left: 0;
  padding-right: 0;
}

/* --- Pushmenu (sidebar toggle) --- */
[dir="rtl"] [data-widget="pushmenu"] {
  margin-right: 0;
}

/* --- Content Area --- */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding-left: .5rem;
  padding-right: .5rem;
}

/* --- Float utilities --- */
[dir="rtl"] .float-right {
  float: left !important;
}

[dir="rtl"] .float-left {
  float: right !important;
}

/* --- Margin/Padding utilities --- */
[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }
[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: .25rem !important; }
[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: .25rem !important; }
[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: .5rem !important; }
[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: .5rem !important; }
[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .pl-1 { padding-left: 0 !important; padding-right: .25rem !important; }
[dir="rtl"] .pr-1 { padding-right: 0 !important; padding-left: .25rem !important; }
[dir="rtl"] .pl-2 { padding-left: 0 !important; padding-right: .5rem !important; }
[dir="rtl"] .pr-2 { padding-right: 0 !important; padding-left: .5rem !important; }
[dir="rtl"] .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .pr-3 { padding-right: 0 !important; padding-left: 1rem !important; }
[dir="rtl"] .mr-0 { margin-left: 0 !important; }

/* --- Text alignment --- */
[dir="rtl"] .text-left { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left !important; }

/* --- Cards --- */
[dir="rtl"] .content-wrapper .card .card-header {
  border-left: none;
  border-right: 3px solid #007bff;
}

[dir="rtl"] .content-wrapper .card.card-info .card-header { border-left: none; border-right-color: #17a2b8; }
[dir="rtl"] .content-wrapper .card.card-success .card-header { border-left: none; border-right-color: #28a745; }
[dir="rtl"] .content-wrapper .card.card-warning .card-header { border-left: none; border-right-color: #ffc107; }
[dir="rtl"] .content-wrapper .card.card-danger .card-header { border-left: none; border-right-color: #dc3545; }

/* --- Alerts --- */
[dir="rtl"] .content-wrapper .alert {
  border-left-width: 1px;
  border-right-width: 4px;
}

[dir="rtl"] .content-wrapper .alert-success { border-left-color: inherit; border-right-color: #28a745; }
[dir="rtl"] .content-wrapper .alert-danger  { border-left-color: inherit; border-right-color: #dc3545; }
[dir="rtl"] .content-wrapper .alert-warning { border-left-color: inherit; border-right-color: #ffc107; }
[dir="rtl"] .content-wrapper .alert-info    { border-left-color: inherit; border-right-color: #17a2b8; }

/* --- Info Box --- */
[dir="rtl"] .content-wrapper .info-box .info-box-icon {
  border-radius: 0 6px 6px 0;
}

[dir="rtl"] .info-box .info-box-content {
  text-align: right;
  padding-right: 10px;
}

/* --- Small Box (dashboard) --- */
[dir="rtl"] .small-box .icon {
  left: 10px;
  right: auto;
}

[dir="rtl"] .small-box > .small-box-footer {
  text-align: right;
}

/* --- Tables --- */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
  text-align: right;
}

/* --- Forms --- */
[dir="rtl"] .form-group label {
  text-align: right;
}

[dir="rtl"] .input-group > .form-control {
  text-align: right;
}

[dir="rtl"] .input-group > .input-group-append {
  order: -1;
  border-radius: .25rem 0 0 .25rem;
}

[dir="rtl"] .input-group > .input-group-prepend {
  order: 1;
  border-radius: 0 .25rem .25rem 0;
}

[dir="rtl"] .input-group > .form-control:first-child {
  border-radius: 0 .25rem .25rem 0;
}

[dir="rtl"] .input-group > .form-control:last-child {
  border-radius: .25rem 0 0 .25rem;
}

[dir="rtl"] .custom-control {
  padding-left: 0;
  padding-right: 1.5rem;
}

[dir="rtl"] .custom-control-label::before,
[dir="rtl"] .custom-control-label::after {
  left: auto;
  right: -1.5rem;
}

/* --- Modals --- */
[dir="rtl"] .modal-header .close,
[dir="rtl"] .modal-header .btn-close {
  margin: -1rem auto -1rem -1rem;
}

/* --- DataTables --- */
[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  text-align: left !important;
}

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

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

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

/* --- User dropdown menu --- */
[dir="rtl"] .user-menu .dropdown-menu {
  right: auto;
  left: 0;
}

[dir="rtl"] .user-footer .btn:last-child {
  float: left !important;
}

[dir="rtl"] .user-footer .btn:first-child {
  float: right !important;
}

/* --- Misc utilities --- */
[dir="rtl"] .fa-angle-left::before {
  content: "\f105"; /* angle-right */
}

[dir="rtl"] .fa-angle-right::before {
  content: "\f104"; /* angle-left */
}

/* Flip open-menu arrow rotation for RTL (opposite of LTR's -90deg) */
[dir="rtl"] .nav-sidebar .menu-is-opening > .nav-link i.right,
[dir="rtl"] .nav-sidebar .menu-is-opening > .nav-link svg.right,
[dir="rtl"] .nav-sidebar .menu-open > .nav-link i.right,
[dir="rtl"] .nav-sidebar .menu-open > .nav-link svg.right {
  transform: rotate(-90deg) !important;
}

[dir="rtl"] .fa-sign-in-alt {
  transform: scaleX(-1);
}

/* Sidebar search */
[dir="rtl"] .form-control-sidebar {
  text-align: right;
}

/* Close button for alerts */
[dir="rtl"] .alert-dismissible .close,
[dir="rtl"] .alert-dismissible .btn-close {
  right: auto;
  left: 0;
}

/* Notification badge */
[dir="rtl"] .navbar-badge {
  right: auto;
  left: 5px;
}

/* Control sidebar */
[dir="rtl"] .control-sidebar {
  left: 0;
  right: auto;
}

/* Select2 RTL */
[dir="rtl"] .select2-container .select2-selection--single .select2-selection__rendered {
  text-align: right;
  padding-right: 8px;
  padding-left: 20px;
}

[dir="rtl"] .select2-container .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}

/* Style.css overrides for RTL */
[dir="rtl"] .news-box-title {
  left: auto;
  right: 1rem;
}

[dir="rtl"] .news-box-title::before {
  margin-right: 0;
  margin-left: 8px;
  border-left: none;
  border-right: 2px solid black;
  border-top: 2px solid black;
}

[dir="rtl"] .news-box-title::after {
  margin-left: 0;
  margin-right: 8px;
}

/* Collapsed sidebar RTL */
[dir="rtl"] .sidebar-collapse .main-sidebar {
  margin-right: 0;
  transform: translateX(250px);
}

[dir="rtl"] .sidebar-collapse .content-wrapper,
[dir="rtl"] .sidebar-collapse .main-header,
[dir="rtl"] .sidebar-collapse .main-footer {
  margin-right: 0 !important;
}

/* User-theme welcome banner RTL */
[dir="rtl"] .welcome-banner::after {
  right: auto;
  left: -10%;
}

/* Pagination */
[dir="rtl"] .pagination {
  flex-direction: row-reverse;
}

/* Breadcrumb separator */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: .5rem;
}

/* Tab nav */
[dir="rtl"] .nav-tabs .nav-link,
[dir="rtl"] .nav-pills .nav-link {
  text-align: right;
}

/* px-3 used on treeview submenus */
[dir="rtl"] .nav-treeview.px-3 {
  padding-left: 0 !important;
  padding-right: 1rem !important;
}

/* Badge right position in sidebar (non-arrow elements like badges) */
[dir="rtl"] .nav-sidebar .nav-link .right.badge {
  left: 1rem !important;
  right: auto !important;
}

/* Font: add Arabic font stack */
[dir="rtl"] body {
  font-family: 'Segoe UI', Tahoma, 'Noto Sans Arabic', 'Droid Arabic Kufi', Arial, sans-serif;
}