.language-switch { position: relative; flex: none; }
.language-button { font-size: 15px; font-weight: 800; letter-spacing: -.04em; }
.language-menu { position: absolute; z-index: 320; top: calc(100% + 10px); right: 0; display: grid; width: 172px; gap: 8px; padding: 6px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: #101923; box-shadow: 0 18px 38px rgba(0,0,0,.26); }
.language-menu[hidden] { display: none; }
.language-option { display: flex; min-height: 48px; padding: 0 16px; align-items: center; justify-content: space-between; color: #f4f7fa; border: 0; border-radius: 999px; background: #203044; font-size: 17px; font-weight: 700; text-align: left; }
.language-option:hover, .language-option[aria-current="true"] { color: #fff; background: #344a63; }
html[dir="rtl"] .language-menu { right: auto; left: 0; }
html[dir="rtl"] .language-option { text-align: right; }
/* Arabic body copy is RTL, while the shared brand and market chrome keeps its visual grid. */
html[dir="rtl"] .site-header,
html[dir="rtl"] .route-header,
html[dir="rtl"] .primary-quotes,
html[dir="rtl"] .secondary-quotes,
html[dir="rtl"] .vault-ticker { direction: ltr; }
html[dir="rtl"] .site-header .brand,
html[dir="rtl"] .route-header .route-brand { text-align: left; }
html[dir="rtl"] .site-header .header-controls,
html[dir="rtl"] .route-header .route-controls { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .site-header .language-menu,
html[dir="rtl"] .route-header .language-menu { right: 0; left: auto; direction: rtl; }
/* Original local emblem, shared by the home header, local pages, menus and footer. */
.site-header .brand-mark,
.site-footer .brand-mark,
.menu-brand-mark,
.route-mark,
.route-menu-brand i { background: url('assets/signal-lattice-logo.png') center / contain no-repeat !important; background-color: transparent !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; }
body.dark-mode .site-header .brand-mark,
body.dark-mode .site-footer .brand-mark,
body.route-dark .route-mark,
body.route-dark .route-menu-brand i,
body.route-dark .site-footer .brand-mark {
  background: transparent url('assets/signal-lattice-logo-white.png') center / contain no-repeat !important;
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  filter: none;
}
@media (max-width: 700px) { .language-button { font-size: 11px; }.language-menu { top: calc(100% + 7px); width: 142px; gap: 5px; padding: 5px; border-radius: 15px; }.language-option { min-height: 37px; padding-inline: 12px; font-size: 13px; }.language-option time { font-size: 11px; } }