/**
 * 计费站共享多语言样式：语言选择器（9 项列表）与 RTL 基础。
 * 三页（收银台 / 我的授权 / 支付结果页）共用；只依赖各页已有的 CSS 变量并带兜底值。
 */

.lang-host { position: relative; display: inline-flex; }

.lang-switch__current { font-weight: 600; }

.lang-menu {
  position: absolute;
  top: calc(100% + 6px);
  inset-inline-end: 0;
  z-index: 60;
  min-width: 170px;
  max-height: min(420px, 60vh);
  overflow-y: auto;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: var(--bg, #fff);
  border: 1px solid var(--line-strong, #d5dbe1);
  border-radius: 10px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .16);
}

.lang-menu__item {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-1, #1f2937);
  font: inherit;
  font-size: 14px;
  text-align: start;
  cursor: pointer;
  white-space: nowrap;
}

.lang-menu__item:hover,
.lang-menu__item:focus-visible { background: var(--bg-soft, #f2f4f6); }

.lang-menu__item[aria-selected="true"] {
  color: var(--brand-700, #0b5c6b);
  font-weight: 600;
}

/* 语言名一律按该语言自身写法渲染，避免继承页面语言导致的字形/字重异常 */
.lang-menu__item[lang="ar"] { font-size: 15px; }

@media (max-width: 480px) {
  .lang-menu { min-width: 150px; }
}