html.i18n-pending body { visibility: hidden; }

[data-language-menu] {
  max-height: min(430px, calc(100vh - 90px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

[data-language-menu] button {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  white-space: nowrap;
}

.lang-menu[data-language-menu],
.language-menu[data-language-menu] { width: 210px; }

.landing-language-picker { position: relative; }
.landing-language-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 150;
  display: none;
  width: 210px;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 14px;
  background: rgba(8, 15, 34, .98);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .36);
  backdrop-filter: blur(18px);
}
.landing-language-menu.open { display: block; animation: i18n-menu-in .16s ease-out; }
.landing-language-menu button {
  display: flex;
  width: 100%;
  padding: 9px 11px;
  border: 0;
  border-radius: 9px;
  color: #cbd5ec;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.landing-language-menu button:hover,
.landing-language-menu button.active { color: #fff; background: rgba(109, 124, 255, .16); }
.landing-language-menu small { color: #7f8ca9; }

@keyframes i18n-menu-in {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] input,
html[dir="rtl"] textarea { text-align: right; }
html[dir="rtl"] .language-menu,
html[dir="rtl"] .lang-menu,
html[dir="rtl"] .landing-language-menu { right: auto; left: 0; }
html[dir="rtl"] .language-menu button,
html[dir="rtl"] .lang-menu button,
html[dir="rtl"] .landing-language-menu button { text-align: right; }
html[dir="rtl"] .main-column { margin-right: 238px; margin-left: 0; }
html[dir="rtl"] .sidebar { right: 0; left: auto; border-right: 0; border-left: 1px solid var(--line); }
html[dir="rtl"] .profile-copy,
html[dir="rtl"] th,
html[dir="rtl"] td { text-align: right; }
html[dir="rtl"] .auth-card,
html[dir="rtl"] .case-btn,
html[dir="rtl"] .settings-nav button,
html[dir="rtl"] .profile-menu form button { text-align: right; }
html[dir="rtl"] .form-actions,
html[dir="rtl"] .plan-price { text-align: left; }
html[dir="rtl"] .product-card > span,
html[dir="rtl"] .default-tag { margin-right: auto; margin-left: 0; }
html[dir="rtl"] .plan-price button { margin-right: auto; margin-left: 0; }
html[dir="rtl"] .close-menu { margin-right: auto; margin-left: 0; }

@media (max-width: 760px) {
  html[dir="rtl"] .main-column { margin-right: 0; }
  html[dir="rtl"] .sidebar { right: 0; left: auto; transform: translateX(100%); }
  html[dir="rtl"] .sidebar.open { transform: none; box-shadow: -12px 0 30px #2222; }
}

@media (max-width: 620px) {
  .landing-language-picker .lang-btn { display: inline-flex; }
  .landing-language-menu { position: fixed; top: 78px; right: 14px; left: 14px; width: auto; }
  html[dir="rtl"] .landing-language-menu { right: 14px; left: 14px; }
}