@font-face { font-family: system-ui-local; src: local("Segoe UI"); }

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .pull-right { float: right !important; }
html[dir="rtl"] .pull-left { float: left !important; }
html[dir="rtl"] .table > thead > tr > th,
html[dir="rtl"] .table > tbody > tr > td { text-align: right; }
html[dir="rtl"] .small-box .icon { right: auto; left: 10px; }
html[dir="rtl"] .content-header > .breadcrumb { right: auto; left: 10px; }
html[dir="rtl"] .sidebar-menu li > a > .pull-left-container { right: auto; left: 12px; }
html[dir="rtl"] .sidebar-menu .treeview-menu > li > a { padding: 9px 30px 9px 14px; }

/* Desktop RTL geometry */
@media (min-width: 768px) {
  html[dir="rtl"] .main-header .logo {
    float: right;
    right: 0;
    left: auto;
    width: 230px;
  }

  html[dir="rtl"] .main-header .navbar {
    margin-right: 230px;
    margin-left: 0;
  }

  html[dir="rtl"] .main-header .sidebar-toggle { float: right !important; }
  html[dir="rtl"] .navbar-custom-menu { float: left; }
  html[dir="rtl"] .main-header .navbar-nav { float: right; }
  html[dir="rtl"] .main-header .navbar-nav > li { float: right; }

  html[dir="rtl"] .main-sidebar {
    right: 0;
    left: auto;
    width: 230px;
  }

  html[dir="rtl"] .content-wrapper,
  html[dir="rtl"] .main-footer {
    margin-right: 230px;
    margin-left: 0;
  }

  html[dir="rtl"] .sidebar-mini.sidebar-collapse .main-header .logo {
    right: 0;
    left: auto;
    width: 64px;
  }

  html[dir="rtl"] .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-right: 64px;
    margin-left: 0;
  }

  html[dir="rtl"] .sidebar-mini.sidebar-collapse .main-sidebar {
    right: 0;
    left: auto;
    width: 64px;
  }

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

/* Mobile RTL geometry */
@media (max-width: 767px) {
  html[dir="rtl"] .main-header .logo,
  html[dir="rtl"] .main-header .navbar {
    float: none;
    width: auto;
    margin: 0;
  }

  html[dir="rtl"] .main-header .sidebar-toggle { float: right !important; }
  html[dir="rtl"] .navbar-custom-menu { float: left; }

  html[dir="rtl"] .main-sidebar {
    right: -230px;
    left: auto;
    transform: none !important;
    transition: right .3s ease-in-out;
  }

  html[dir="rtl"] .sidebar-open .main-sidebar {
    right: 0;
    left: auto;
  }

  html[dir="rtl"] .content-wrapper,
  html[dir="rtl"] .main-footer {
    margin-right: 0;
    margin-left: 0;
  }
}