/* RTL Layout Fixes for Osen Dashboard */

/* Arabic Font - exclude icons */
html[dir="rtl"],
html[dir="rtl"] body {
  font-family: 'Cairo', sans-serif !important;
}

html[dir="rtl"] *:not([class*="ti-"]):not([class*="fa-"]):not([class*="icon"]):not(.ti):not(.fa):not(i) {
  font-family: 'Cairo', sans-serif;
}

/* Preserve icon fonts */
html[dir="rtl"] i[class*="ti-"],
html[dir="rtl"] i.ti,
html[dir="rtl"] .ti {
  font-family: "tabler-icons" !important;
}

html[dir="rtl"] i[class*="fa-"],
html[dir="rtl"] i.fa,
html[dir="rtl"] .fa {
  font-family: "Font Awesome 6 Free" !important;
}

html[dir="rtl"] .page-content {
  margin-left: 0 !important;
  margin-right: var(--osen-sidenav-width);
}

html[dir="rtl"] .app-topbar {
  margin-left: 0 !important;
  margin-right: var(--osen-sidenav-width) !important;
}

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

html[dir="rtl"][data-sidenav-size="condensed"]:not([data-layout="topnav"]) .page-content {
  margin-left: 0 !important;
  margin-right: var(--osen-sidenav-width-sm);
}

html[dir="rtl"][data-sidenav-size="condensed"]:not([data-layout="topnav"]) .app-topbar {
  margin-left: 0 !important;
  margin-right: var(--osen-sidenav-width-sm) !important;
}

html[dir="rtl"][data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .page-content,
html[dir="rtl"][data-sidenav-size="sm-hover-active"]:not([data-layout="topnav"]) .page-content {
  margin-left: 0 !important;
  margin-right: var(--osen-sidenav-width-sm);
}

html[dir="rtl"][data-sidenav-size="sm-hover"]:not([data-layout="topnav"]) .app-topbar,
html[dir="rtl"][data-sidenav-size="sm-hover-active"]:not([data-layout="topnav"]) .app-topbar {
  margin-left: 0 !important;
  margin-right: var(--osen-sidenav-width-sm) !important;
}

html[dir="rtl"][data-sidenav-size="full"]:not([data-layout="topnav"]) .page-content {
  margin-left: 0 !important;
  margin-right: 0;
}

html[dir="rtl"][data-sidenav-size="full"]:not([data-layout="topnav"]) .app-topbar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[dir="rtl"][data-sidenav-size="fullscreen"]:not([data-layout="topnav"]) .page-content {
  margin-left: 0 !important;
  margin-right: 0;
}

html[dir="rtl"][data-sidenav-size="fullscreen"]:not([data-layout="topnav"]) .app-topbar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* RTL Menu Arrow */
html[dir="rtl"] .side-nav .menu-arrow {
  transform: rotate(180deg);
}

html[dir="rtl"] .side-nav .side-nav-item.menuitem-active > .side-nav-link .menu-arrow {
  transform: rotate(270deg);
}

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

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  content: "\003C" !important; /* < symbol */
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
}

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

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

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

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

/* RTL Form elements */
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select {
  text-align: right;
}

/* RTL Button icons margin */
html[dir="rtl"] .btn i.me-1 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}

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

/* GridJS RTL Support */
html[dir="rtl"] .gridjs-wrapper {
  direction: rtl;
}

html[dir="rtl"] .gridjs-table {
  text-align: right;
}

html[dir="rtl"] .gridjs-th,
html[dir="rtl"] .gridjs-td {
  text-align: right;
}

html[dir="rtl"] .gridjs-search {
  float: right;
}

html[dir="rtl"] .gridjs-search-input {
  text-align: right;
}

html[dir="rtl"] .gridjs-pagination {
  direction: rtl;
}

html[dir="rtl"] .gridjs-pages button {
  direction: ltr;
}