/* Arabic / RTL support for FORMEX ERP */

html[dir="rtl"] body,
body.rtl {
  font-family: "Cairo", "Manrope", "Segoe UI", Tahoma, sans-serif;
}

html[dir="rtl"] .login-page {
  direction: rtl;
}

html[dir="rtl"] .login-brand {
  order: 2;
}

html[dir="rtl"] .login-panel {
  order: 1;
}

html[dir="rtl"] .login-lang,
html[dir="rtl"] .lang-switcher {
  right: auto;
  left: 1.8rem;
}

html[dir="rtl"] .lang-form {
  display: block;
  direction: ltr;
}

.erp-header .login-lang,
.erp-header .lang-switcher {
  position: static;
  top: auto;
  right: auto;
  left: auto;
}

.erp-header .lang-segment {
  background: #F4F6F9;
  border-color: var(--fx-border);
}

.lang-form {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

html[dir="rtl"] .password-wrap .formex-input {
  padding-left: 2.8rem;
  padding-right: 1rem;
}

html[dir="rtl"] .toggle-password {
  right: auto;
  left: 0.7rem;
}

html[dir="rtl"] .login-options {
  flex-direction: row-reverse;
}

html[dir="rtl"] .login-watermark {
  right: auto;
  left: 1.5rem;
}

html[dir="rtl"] .erp-shell {
  grid-template-columns: 1fr 260px;
}

html[dir="rtl"] .erp-sidebar {
  order: 2;
}

html[dir="rtl"] .erp-main {
  order: 1;
}

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

html[dir="rtl"] .sidebar-slogan {
  border-left: 0;
  border-right: 3px solid var(--fx-blue);
  margin-left: 0;
  margin-right: 1rem;
}

html[dir="rtl"] .header-slogan {
  border-left: 0;
  border-right: 2px solid var(--fx-blue);
  padding-left: 0;
  padding-right: 0.75rem;
}

html[dir="rtl"] .header-right {
  flex-direction: row-reverse;
}

html[dir="rtl"] .erp-header {
  flex-direction: row-reverse;
}

html[dir="rtl"] .erp-footer {
  direction: rtl;
}

html[dir="rtl"] .footer-copy {
  text-align: left;
}

html[dir="rtl"] .module-card-visual {
  inset: 0 32% 0 0;
  background-position: center left;
  mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,0.25) 22%, #000 65%);
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,0.25) 22%, #000 65%);
}

html[dir="rtl"] .module-card-fade {
  background: linear-gradient(
    265deg,
    #ffffff 0%,
    #ffffff 46%,
    rgba(255, 255, 255, 0.92) 58%,
    rgba(255, 255, 255, 0.65) 74%,
    rgba(255, 255, 255, 0.4) 100%
  );
}

html[dir="rtl"] .module-card p {
  max-width: 64%;
}

html[dir="rtl"] .module-enter {
  right: auto;
  left: 1rem;
}

html[dir="rtl"] .module-enter .bi-arrow-right::before {
  content: "\f12f"; /* bi-arrow-left */
}

html[dir="rtl"] .login-lang .lang-form,
.erp-header .login-lang,
.erp-header .lang-switcher {
  position: static;
}

@media (max-width: 992px) {
  html[dir="rtl"] .erp-shell {
    grid-template-columns: 1fr;
  }

  html[dir="rtl"] .erp-sidebar,
  html[dir="rtl"] .erp-main {
    order: initial;
  }

  html[dir="rtl"] .login-page {
    display: flex;
    flex-direction: column;
  }

  html[dir="rtl"] .login-brand,
  html[dir="rtl"] .login-panel {
    order: initial;
  }
}