/* RTL (Right-to-Left) Styles for Arabic */

/* Reset text alignment for RTL */
body[dir="rtl"] {
  text-align: right;
  direction: rtl;
  font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Fix the wrapper flex direction for RTL */
body[dir="rtl"] #wrapper {
  flex-direction: row-reverse !important;
}

/* Sidebar positioning for RTL */
body[dir="rtl"] #sidebar-wrapper {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  width: 260px !important;
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
}

/* Custom scrollbar for RTL sidebar */
body[dir="rtl"] #sidebar-wrapper::-webkit-scrollbar {
  width: 6px;
}

body[dir="rtl"] #sidebar-wrapper::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

body[dir="rtl"] #sidebar-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

body[dir="rtl"] #sidebar-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* Content wrapper for RTL */
body[dir="rtl"] #page-content-wrapper {
  margin-left: 0 !important;
  margin-right: 260px !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* Desktop styles for RTL */
@media (min-width: 768px) {
  body[dir="rtl"] #sidebar-wrapper {
    position: fixed !important;
    right: 0 !important;
    margin: 0 !important;
  }

  body[dir="rtl"] #page-content-wrapper {
    margin-left: 0 !important;
    margin-right: 260px !important;
    min-width: 0 !important;
    width: calc(100% - 260px) !important;
  }
}

/* Toggle sidebar for RTL */
body[dir="rtl"] #wrapper.toggled #sidebar-wrapper {
  right: -260px !important;
  left: auto !important;
}

body[dir="rtl"] #wrapper.toggled #page-content-wrapper {
  margin-right: 0 !important;
  width: 100% !important;
}

/* Sidebar icons spacing for RTL */
body[dir="rtl"] .sidebar-link i,
body[dir="rtl"] .dropdown-item i {
  margin-right: 0;
  margin-left: 0.5rem;
}

/* Sidebar link hover for RTL */
body[dir="rtl"] .sidebar-link:hover {
  transform: translateX(-4px) !important;
}

/* Navbar alignment for RTL */
body[dir="rtl"] .top-navbar {
  flex-direction: row-reverse;
}

body[dir="rtl"] .top-navbar #menu-toggle {
  margin-right: 0;
  margin-left: auto;
}

/* Dropdown menus for RTL */
body[dir="rtl"] .dropdown-menu {
  text-align: right;
}

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

/* Form controls for RTL */
body[dir="rtl"] .form-check {
  padding-left: 0;
  padding-right: 1.5em;
}

body[dir="rtl"] .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

/* Input groups for RTL */
body[dir="rtl"] .input-group-text {
  border-radius: 0 0.375rem 0.375rem 0;
}

/* Buttons placement for RTL */
body[dir="rtl"] .btn-group,
body[dir="rtl"] .btn-toolbar {
  flex-direction: row-reverse;
}

/* Tables for RTL */
body[dir="rtl"] table {
  text-align: right;
}

body[dir="rtl"] .table> :not(caption)>*>* {
  text-align: right;
}

/* Breadcrumbs for RTL */
body[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: 0.5rem;
  content: "/";
}

/* Alerts for RTL */
body[dir="rtl"] .alert-dismissible {
  padding-right: 1rem;
  padding-left: 3rem;
}

body[dir="rtl"] .alert-dismissible .btn-close {
  left: 0;
  right: auto;
}

/* Pagination for RTL */
body[dir="rtl"] .pagination {
  direction: ltr;
  /* Keep page numbers LTR */
}

/* List items for RTL */
body[dir="rtl"] .list-group-item {
  text-align: right;
}

/* Cards for RTL */
body[dir="rtl"] .card-body,
body[dir="rtl"] .card-header,
body[dir="rtl"] .card-footer {
  text-align: right;
}

/* Modal for RTL */
body[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Badges and labels for RTL */
body[dir="rtl"] .badge {
  text-align: center;
}

/* Floating elements for RTL */
body[dir="rtl"] .float-end {
  float: left !important;
}

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

/* Margin utilities for RTL */
body[dir="rtl"] .me-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

body[dir="rtl"] .me-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

body[dir="rtl"] .me-3 {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

body[dir="rtl"] .me-4 {
  margin-right: 0 !important;
  margin-left: 1.5rem !important;
}

body[dir="rtl"] .me-5 {
  margin-right: 0 !important;
  margin-left: 3rem !important;
}

body[dir="rtl"] .ms-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

body[dir="rtl"] .ms-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

body[dir="rtl"] .ms-3 {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}

body[dir="rtl"] .ms-4 {
  margin-left: 0 !important;
  margin-right: 1.5rem !important;
}

body[dir="rtl"] .ms-5 {
  margin-left: 0 !important;
  margin-right: 3rem !important;
}

/* Padding utilities for RTL */
body[dir="rtl"] .pe-1 {
  padding-right: 0 !important;
  padding-left: 0.25rem !important;
}

body[dir="rtl"] .pe-2 {
  padding-right: 0 !important;
  padding-left: 0.5rem !important;
}

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

body[dir="rtl"] .pe-4 {
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
}

body[dir="rtl"] .pe-5 {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

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

body[dir="rtl"] .ps-2 {
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
}

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

body[dir="rtl"] .ps-4 {
  padding-left: 0 !important;
  padding-right: 1.5rem !important;
}

body[dir="rtl"] .ps-5 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

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

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

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

/* Number formatting - keep numbers LTR */
body[dir="rtl"] .price,
body[dir="rtl"] .number,
body[dir="rtl"] .badge,
body[dir="rtl"] input[type="number"],
body[dir="rtl"] .form-control[type="number"] {
  direction: ltr;
  text-align: right;
}

/* Specification rows for RTL */
body[dir="rtl"] .specification-row .row {
  flex-direction: row-reverse;
}

/* File inputs for RTL */
body[dir="rtl"] .form-control[type="file"] {
  direction: rtl;
}

/* Responsive - Mobile sidebar for RTL */
@media (max-width: 768px) {
  body[dir="rtl"] #sidebar-wrapper {
    right: -260px !important;
    left: auto !important;
  }

  body[dir="rtl"] #wrapper.toggled #sidebar-wrapper {
    right: 0 !important;
  }

  body[dir="rtl"] #page-content-wrapper {
    margin-right: 0 !important;
    width: 100% !important;
  }
}

/* Auto margins for RTL */
body[dir="rtl"] .ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

body[dir="rtl"] .me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Flip arrow icons in RTL */
body[dir="rtl"] .fa-chevron-right,
body[dir="rtl"] .market-department-arrow {
  transform: rotate(180deg);
  display: inline-block;
  /* Ensure transform works */
}

/* Fix mobile menu icon alignment in RTL */
body[dir="rtl"] .market-department-item-mobile i:last-child {
  margin-right: auto !important;
  margin-left: 0 !important;
}

/* Rotate arrow-right in RTL */
body[dir="rtl"] .fa-arrow-right {
  transform: rotate(180deg);
  display: inline-block;
}

/* Ensure Hero Text is Right Aligned in RTL */
body[dir="rtl"] .hero-banner-slide {
  text-align: right;
}