/* RAMYIP V8A bilingual and RTL layout support. */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .main-sidebar#appSidebar {
  right: 0 !important;
  left: auto !important;
  border-right: 0;
  border-left: 1px solid var(--app-border);
  box-shadow: -10px 0 34px rgba(22, 38, 65, .07) !important;
}

html[dir="rtl"] body.ramp-app-shell .content-wrapper {
  margin: 0 var(--app-sidebar-width) 0 0 !important;
  transition: margin-right var(--app-motion), padding var(--app-motion);
}

html[dir="rtl"] body.ramp-sidebar-collapsed .content-wrapper {
  margin-right: var(--app-sidebar-mini) !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .ramp-sidebar-head {
  padding: 0 18px 0 14px;
}

html[dir="rtl"] .ramp-sidebar-collapse i,
html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-angles-left,
html[dir="rtl"] .fa-angles-right {
  transform: scaleX(-1);
}

html[dir="rtl"] .ramp-nav-link,
html[dir="rtl"] .ramp-nav-group summary,
html[dir="rtl"] .ramp-sidebar-user,
html[dir="rtl"] .ramp-sidebar-footer,
html[dir="rtl"] .ramp-sidebar-search,
html[dir="rtl"] .ramp-page-heading-main,
html[dir="rtl"] .ramp-page-heading-actions,
html[dir="rtl"] .ramp-topbar-start,
html[dir="rtl"] .ramp-topbar-page,
html[dir="rtl"] .ramp-topbar-actions,
html[dir="rtl"] .dropdown-item,
html[dir="rtl"] .modal-header,
html[dir="rtl"] .modal-footer {
  direction: rtl;
}

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

html[dir="rtl"] .modal .close {
  margin: -4px auto -4px -4px !important;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[dir="ltr"],
html[dir="rtl"] .text-ltr {
  direction: ltr;
  text-align: left;
}

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

html[dir="rtl"] .ramp-language-switcher .dropdown-item.active {
  color: var(--app-primary);
  background: var(--app-primary-soft);
}

.ramp-language-switcher .dropdown-item {
  justify-content: space-between;
}

.ramp-language-code {
  min-width: 28px;
  padding: 3px 6px;
  border-radius: 7px;
  background: var(--app-surface-3);
  color: var(--app-text-muted);
  font-size: .68rem;
  font-weight: 850;
  text-align: center;
}

.login-language-switcher {
  position: absolute;
  z-index: 4;
  top: 18px;
  inset-inline-start: 18px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 12px;
  background: rgba(12,28,56,.18);
  backdrop-filter: blur(12px);
}

.login-language-switcher a {
  padding: 7px 10px;
  border-radius: 9px;
  color: inherit;
  font-size: .75rem;
  font-weight: 800;
  text-decoration: none;
}

.login-language-switcher a.active {
  background: rgba(255,255,255,.2);
}

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

@media (max-width: 1199.98px) {
  html[dir="rtl"] .main-sidebar#appSidebar {
    transform: translateX(105%) !important;
  }
  html[dir="rtl"] body.ramp-mobile-sidebar-open .main-sidebar#appSidebar {
    transform: translateX(0) !important;
  }
  html[dir="rtl"] body.ramp-app-shell .content-wrapper,
  html[dir="rtl"] body.ramp-sidebar-collapsed .content-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}