/* RTL/LTR Layout CSS - اصلاح شده */

/* پایه - جلوگیری از اسکرول افقی */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

html[dir="rtl"] {
  direction: rtl;
}

html[dir="ltr"] {
  direction: ltr;
}

/* Sidebar RTL/LTR positioning */
.rtl .sidenav {
  right: 1rem !important;
  left: auto !important;
  width: 15rem !important;
  max-width: 15rem !important;
}

.ltr .sidenav {
  left: 1rem !important;
  right: auto !important;
  width: 15rem !important;
  max-width: 15rem !important;
}

/* Main content margin adjustments */
.rtl .main-content {
  margin-right: 17rem !important;
  margin-left: 0 !important;
  max-width: calc(100vw - 17rem) !important;
  overflow-x: hidden !important;
}

.ltr .main-content {
  margin-left: 17rem !important;
  margin-right: 0 !important;
  max-width: calc(100vw - 17rem) !important;
  overflow-x: hidden !important;
}

/* Force sidebar visibility */
.sidenav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  z-index: 1040 !important;
}

/* Override any conflicting styles */
.g-sidenav-show .sidenav {
  transform: translateX(0) !important;
}

.rtl .g-sidenav-show .sidenav {
  transform: translateX(0) !important;
}

.ltr .g-sidenav-show .sidenav {
  transform: translateX(0) !important;
}

/* Navbar adjustments */
.rtl .navbar .breadcrumb {
  text-align: right;
}

.ltr .navbar .breadcrumb {
  text-align: left;
}

/* Card and content alignment */
.rtl .card-body {
  text-align: right;
}

.ltr .card-body {
  text-align: left;
}

/* Table RTL/LTR */
.rtl .table th,
.rtl .table td {
  text-align: right;
}

.ltr .table th,
.ltr .table td {
  text-align: left;
}

/* Button groups */
.rtl .btn-group {
  direction: rtl;
}

.ltr .btn-group {
  direction: ltr;
}

/* Form controls */
.rtl .form-control {
  text-align: right;
}

.ltr .form-control {
  text-align: left;
}

/* Icons in RTL */
.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 .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;
}

/* Language switcher positioning */
.rtl .navbar .ms-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.ltr .navbar .me-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

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

.ltr .dropdown-menu {
  left: 0;
  right: auto;
}

/* Text alignment utilities */
.rtl .text-start {
  text-align: right !important;
}

.rtl .text-end {
  text-align: left !important;
}

.ltr .text-start {
  text-align: left !important;
}

.ltr .text-end {
  text-align: right !important;
}

/* Flex utilities for RTL */
.rtl .justify-content-start {
  justify-content: flex-end !important;
}

.rtl .justify-content-end {
  justify-content: flex-start !important;
}

/* Sidebar brand and navigation */
.rtl .sidenav .navbar-brand {
  text-align: right;
}

.ltr .sidenav .navbar-brand {
  text-align: left;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .rtl .main-content,
  .ltr .main-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  
  .rtl .sidenav, .ltr .sidenav {
    width: 280px !important;
    max-width: 320px !important;
    right: -100% !important;
    left: auto !important;
  }
  
  .rtl .sidenav.show, .ltr .sidenav.show {
    right: 0 !important;
  }
}

/* Animation adjustments for RTL */
.rtl .sidenav.show {
  transform: translateX(0) !important;
}

.rtl .sidenav {
  transform: translateX(0) !important;
}

.ltr .sidenav.show {
  transform: translateX(0) !important;
}

.ltr .sidenav {
  transform: translateX(0) !important;
}

/* اصلاح کانتینرها */
.container-fluid, .container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.row {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* اصلاح نهایی */
@media (max-width: 768px) {
  .rtl .sidenav, .ltr .sidenav {
    width: 100vw !important;
    right: -100vw !important;
    top: 0 !important;
    height: 100vh !important;
    border-radius: 0 !important;
  }
  
  .rtl .sidenav.show, .ltr .sidenav.show {
    right: 0 !important;
  }
}

/* Font adjustments for different languages */
html[lang="fa"] {
  font-family: 'Vazirmatn', 'Tahoma', sans-serif;
}

html[lang="ps"] {
  font-family: 'Vazirmatn', 'Tahoma', sans-serif;
}

html[lang="en"] {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

/* Number and date formatting */
.rtl .stats-number {
  font-family: 'Vazirmatn', sans-serif;
}

.ltr .stats-number {
  font-family: 'Open Sans', sans-serif;
}