/* Valenton - seletor de idioma (core-i18n.js): bandeira + código num botão e um menu com os 4 idiomas.
   Estilo padrão (pílula branca) que funciona em qualquer página; cada página pode trocar o botão
   passando data-btn-class="header-action" (customer-app.css) ou sobrescrevendo .lang-btn. */
.lang-sw{ position:relative; flex:0 0 auto; }
.lang-sw .flag{ display:block; object-fit:cover; border-radius:4px; border:1px solid var(--line,#DBDFE5); flex:0 0 auto; }
.lang-sw .lang-btn .flag{ width:24px; height:17px; }
.lang-sw .lang-btn:not(.header-action){
  display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:0 12px; border:1px solid var(--line,#DBDFE5);
  border-radius:999px; background:var(--surface,#fff); color:var(--ink,#121A26); font:inherit; font-size:13.5px; font-weight:700; cursor:pointer;
}
.lang-sw .lang-btn:not(.header-action):active{ background:#F2F3F5; }
.lang-sw .lang-btn.header-action{ gap:6px; }
.lang-sw .lang-btn.header-action .lang-code{ display:inline; }
.lang-sw .lang-chev{ font-size:18px; margin-left:-2px; transition:transform .15s; }
.lang-sw .lang-btn[aria-expanded="true"] .lang-chev{ transform:rotate(180deg); }
.lang-btn:focus-visible, .lang-item:focus-visible{ outline:3px solid var(--navy,#000799); outline-offset:2px; }
.lang-sw .lang-pop{
  position:absolute; right:0; top:calc(100% + 8px); z-index:600; min-width:190px; padding:6px;
  background:#fff; border:1px solid var(--line,#DBDFE5); border-radius:14px; box-shadow:0 12px 32px rgba(18,26,38,.18);
  display:flex; flex-direction:column; gap:2px;
}
.lang-sw .lang-pop[hidden]{ display:none; }
.lang-sw .lang-item{
  display:flex; align-items:center; gap:12px; width:100%; min-height:46px; padding:6px 10px; border:0; border-radius:10px;
  background:transparent; color:var(--ink,#121A26); font:inherit; font-size:15px; font-weight:700; text-align:left; cursor:pointer;
}
.lang-sw .lang-item .flag{ width:32px; height:22px; }
.lang-sw .lang-item:hover, .lang-sw .lang-item:focus-visible{ background:#F2F3F5; }
.lang-sw .lang-item .lang-ok{ margin-left:auto; font-size:20px; color:var(--navy,#000799); visibility:hidden; }
.lang-sw .lang-item[aria-checked="true"]{ background:var(--amber-soft,#CFF7FF); }
.lang-sw .lang-item[aria-checked="true"] .lang-ok{ visibility:visible; }

/* Paginas de admin: botao flutuante no canto (o menu do admin nao tem um lugar so para ele). */
.lang-sw.lang-fixed{ position:fixed; right:12px; bottom:12px; z-index:900; }
.lang-sw.lang-fixed .lang-pop{ top:auto; bottom:calc(100% + 8px); }