/* SOVANOR language menu (language-menu.js): one component for every place that switches the
   language (customer header, sign-in card, account, trader and importer headers). Its rows follow
   the language screen (name, code, the chosen language outlined in aqua). The panel opens under its
   button; on touch screens the rows are taller and the panel never leaves the screen.
   Self-contained colours, because it is also used inside the trader frame (no site variables there). */
.sv-lm{--lm-ink:rgba(8,24,34,.94);--lm-line:rgba(237,245,244,.1);--lm-paper:#edf5f4;--lm-mist:#9fb4b6;--lm-aqua:#80f2d1;
  position:fixed;z-index:2147483000;top:0;left:0;box-sizing:border-box;width:224px;max-width:calc(100vw - 32px);margin:0;padding:6px;
  display:grid;gap:4px;border:1px solid var(--lm-line);border-radius:18px;background:var(--lm-ink);
  -webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);
  box-shadow:0 22px 48px rgba(0,0,0,.42),0 2px 8px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);
  color:var(--lm-paper);font-family:"IBM Plex Sans Arabic",Manrope,system-ui,sans-serif;
  opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s cubic-bezier(.2,.7,.2,1)}
.sv-lm[data-side="top"]{transform:translateY(4px)}
.sv-lm.open{opacity:1;transform:none}
.sv-lm[hidden]{display:none}
.sv-lm button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 14px;
  border:1px solid transparent;border-radius:13px;color:var(--lm-paper);cursor:pointer;
  transition:background-color .14s ease,border-color .14s ease}
.sv-lm button b{font-size:.92rem;font-weight:600;line-height:1.2}
.sv-lm button small{margin-inline-start:auto;font:600 10.5px/1 Manrope,"DM Mono",monospace;letter-spacing:.08em;color:var(--lm-mist)}
.sv-lm button i{width:14px;height:14px;flex:0 0 14px;opacity:0;color:var(--lm-aqua);
  background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/contain no-repeat}
.sv-lm button:hover{background-color:rgba(255,255,255,.045)}
.sv-lm button:active{background-color:rgba(255,255,255,.07)}
.sv-lm button[aria-checked="true"]{border-color:rgba(128,242,209,.42);background-color:rgba(128,242,209,.07)}
.sv-lm button[aria-checked="true"] i{opacity:1}
.sv-lm button:focus-visible{outline:2px solid var(--lm-aqua);outline-offset:-2px}
/* Touch screens: rows that are comfortable under a finger. */
@media (hover:none),(pointer:coarse){
  .sv-lm{width:248px;padding:7px;gap:5px}
  .sv-lm button{min-height:50px;padding-inline:16px 14px}
  .sv-lm button b{font-size:1rem}
}
@media (prefers-reduced-motion:reduce){.sv-lm,.sv-lm[data-side="top"]{transform:none;transition:none}.sv-lm button{transition:none}}
@media (prefers-reduced-transparency:reduce){.sv-lm{background:#0b1f2b;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* A language list (<select>) shown through the menu: the list stays in the page for its own code, out of sight. */
.sv-lm-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important}
/* Its button keeps the look of the list it replaces (the page's own rules style it); only the chevron is drawn here. */
.sv-lm-trigger{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.sv-lm-trigger :is(.sv-lm-code,.sv-lm-globe){display:none}
.sv-lm-trigger .sv-lm-globe{width:17px;height:17px;flex:0 0 17px;opacity:.85}
.sv-lm-trigger .sv-lm-chev{width:10px;height:10px;flex:0 0 10px;margin-inline-start:auto;background:currentColor;opacity:.75;transition:transform .16s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
[aria-expanded="true"]>.sv-lm-chev{transform:rotate(180deg)}