/* Seletor de língua (10/11/2026) — views/includes/idiomas.php.
   No header: o mesmo chanfro e as mesmas cores do botão da conta e do carrinho; a lista abre por
   baixo, alinhada à direita. No menu do celular: a lista aberta, entre a conta e o WhatsApp. */
.idiomas{position:relative;flex-shrink:0;animation:chrome-item .7s var(--ease-reveal) .28s both}
.idiomas>summary{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:7px;height:45px;padding:0 13px 0 12px;background:#5c6259;color:#efeee8;font:600 12px/1 var(--display);letter-spacing:.04em;cursor:pointer;list-style:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:color .35s}
.idiomas>summary::-webkit-details-marker{display:none}
.idiomas>summary::after{content:'';position:absolute;inset:1px;z-index:-2;background:#101211;clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
.idiomas>summary::before{content:'';position:absolute;inset:-3px -30%;z-index:-1;background:var(--orange);transform:translateX(-110%) skewX(22deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.idiomas>summary:hover,.idiomas>summary:focus-visible,.idiomas[open]>summary{color:var(--ink)}
.idiomas>summary:hover::before,.idiomas>summary:focus-visible::before,.idiomas[open]>summary::before{transform:translateX(0) skewX(22deg)}
.idiomas>summary i{font-size:17px;line-height:1}
.idiomas-lista{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:190px;margin:0;padding:6px;list-style:none;background:#101211;border:1px solid #5c6259;box-shadow:0 18px 40px #0007}
.idiomas-lista a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#efeee8;font:500 14px/1.2 var(--display);text-decoration:none;transition:background .2s,color .2s}
.idiomas-lista a span{min-width:22px;color:#8d9488;font:600 11px/1 var(--display);letter-spacing:.06em}
.idiomas-lista a:hover,.idiomas-lista a:focus-visible{background:#1d211e;color:var(--orange-light,#f3a36b)}
.idiomas-lista a[aria-current]{color:var(--orange-light,#f3a36b)}
.idiomas-lista a[aria-current] span{color:inherit}
/* Celular: o header só tem lugar para conta, carrinho e menu (o globo apertava o logo). As línguas
   ficam no menu e no rodapé. */
@media(max-width:767px){.site-header .idiomas{display:none}}
.mobile-menu-idiomas{display:grid;gap:12px;margin-top:26px}
.mobile-menu-idiomas-rotulo{display:flex;align-items:center;gap:8px;color:#a8b09f;font:600 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.mobile-menu-idiomas-rotulo i{font-size:15px}
.mobile-menu-idiomas nav{display:flex;flex-wrap:wrap;gap:8px}
.mobile-menu-idiomas nav a{padding:10px 13px;border:1px solid #ffffff2e;color:var(--paper,#efeee8);font:500 15px/1 var(--display)}
.mobile-menu-idiomas nav a[aria-current]{border-color:var(--orange);color:var(--orange-light,#f3a36b)}
/* De 768 a 1199 px o menu inteiro divide a linha com as ações, e as línguas mais compridas
   (fr, es) quebravam "Sobre a Uranyx"/"Fale com a gente" em duas linhas: o seletor fica só com o
   globo e, fora do português, o "Entrar" do visitante só com o ícone (o nome acessível continua no
   rótulo escondido).
   Até 859 px nem o globo cabe: o seletor sai do header (fica no rodapé e no menu do celular). */
@media(min-width:768px) and (max-width:1199px){
 .idiomas>summary{padding:0 12px}.idiomas>summary span{display:none}
 html:not([lang="pt-BR"]) .header-conta:not(.is-logado){padding:14px 15px}
 html:not([lang="pt-BR"]) .header-conta:not(.is-logado) .header-conta-rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(min-width:768px) and (max-width:859px){.idiomas{display:none}}
.rodape-idiomas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.rodape-idiomas i{font-size:15px}
.rodape-idiomas a[aria-current]{color:var(--orange-light,#f3a36b)}
/* Certificação dos celulares (views/produto.php): caixa à vista logo abaixo do resumo, com a borda
   laranja da marca — não é nota de rodapé. */
.aviso-certificacao{display:flex;align-items:flex-start;gap:12px;margin:20px 0 6px;padding:14px 16px;max-width:52ch;border:1px solid var(--orange,#e8702a);border-left-width:4px;background:color-mix(in srgb,var(--orange,#e8702a) 9%,transparent)}
.aviso-certificacao i{flex-shrink:0;margin-top:1px;font-size:22px;color:var(--orange,#e8702a)}
.aviso-certificacao p{display:grid;gap:4px;margin:0}
.aviso-certificacao span{font:600 11px/1 var(--display);letter-spacing:.12em;opacity:.7}
.aviso-certificacao strong{font:600 15px/1.4 var(--display)}