/* =========================================================
   Language dropdown (sites with three or more languages).
   Logical properties only, so the same file works left-to-right and right-to-left.
   ========================================================= */
.lang-menu { position: relative; flex: none; }
.lang-menu .lang-menu__toggle { list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font-size: .8rem; font-weight: 700; line-height: 1.4; cursor: pointer; user-select: none; white-space: nowrap; transition: border-color .15s ease; }
.lang-menu .lang-menu__toggle::-webkit-details-marker { display: none; }
.lang-menu .lang-menu__toggle::marker { content: ""; }
.lang-menu .lang-menu__toggle:hover, .lang-menu[open] .lang-menu__toggle { border-color: var(--brand); }
.lang-menu .lang-menu__toggle:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.lang-menu .lang-menu__toggle .icon-globe { color: var(--muted); }
.lang-menu .lang-menu__code { display: none; }
.lang-menu .lang-menu__caret { color: var(--muted); transition: transform .15s ease; }
.lang-menu[open] .lang-menu__caret { transform: rotate(180deg); }
.lang-menu .lang-menu__list { position: absolute; inset-block-start: calc(100% + 6px); inset-inline-end: 0; z-index: 140; min-width: 176px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 32px rgba(16, 39, 53, .14); }
.lang-menu .lang-menu__item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 10px; border-radius: 7px; color: var(--ink); font-size: .9rem; font-weight: 500; text-decoration: none; }
.lang-menu .lang-menu__item:hover, .lang-menu .lang-menu__item:focus-visible { background: var(--brand-soft); color: var(--ink); outline: none; }
.lang-menu .lang-menu__item small { font-size: .72rem; font-weight: 700; color: var(--muted); }
.lang-menu .lang-menu__item.is-current { font-weight: 700; }
.lang-menu .lang-menu__item.is-current .icon { color: var(--brand-dark, #c99a00); }
.lang-menu .lang-menu__item[lang="ar"] span { font-family: "Noto Sans Arabic", "Inter", system-ui, sans-serif; }
@media (max-width: 639px) {
  .lang-menu .lang-menu__name { display: none; }
  .lang-menu .lang-menu__code { display: inline; }
  .lang-menu .lang-menu__toggle { padding: 4px 8px; }
}