/* ───────── LANGUAGE SELECTOR WIDGET ───────── */
.language-selector{
  position:relative;
  display:inline-block;
}

/* BOTÃO PRINCIPAL */
.language-button{
  display:flex;align-items:center;gap:.75rem;
  height:var(--icon-size);                  /* usa a nova var */
  padding:0 .9rem;
  background:rgba(255,255,255,.05);
  border:1px solid transparent;
  border-radius:var(--radius-lg);
  color:#fff;font-weight:600;
  cursor:pointer;
  backdrop-filter:blur(12px);
  transition:background .25s,box-shadow .25s,border .25s;
}
.language-button:hover{
  background:rgba(255,255,255,.1);
  box-shadow:0 0 12px rgba(0,255,165,.45);
}

/* ÍCONE DA BANDEIRA */
.language-button .flag-icon{
  width:calc(var(--icon-size)*.55);
  height:calc(var(--icon-size)*.55);
  border-radius:50%;object-fit:cover;
  box-shadow:0 0 4px rgba(0,0,0,.35);
}

/* CHEVRON */
.language-button i{font-size:.8rem;transition:transform .3s}

/* ABERTO = rotaciona chevron */
.language-dropdown.active .language-button i{transform:rotate(180deg)}

/* LISTA DE OPÇÕES */
.language-options{
  position:absolute;right:0;
  background:rgba(25,25,25,.96);backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  padding:.5rem 0;min-width:160px;
  opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .25s,transform .25s;
  z-index:1200;
}
.language-dropdown.active .language-options{
  opacity:1;visibility:visible;transform:translateY(0);
}

.language-option{
  display:flex;align-items:center;gap:.75rem;
  padding:.65rem 1rem;color:#fff;cursor:pointer;
  transition:background .2s;
}
.language-option:hover{background:rgba(255,255,255,.08)}

.language-option .flag-icon{
  width:calc(var(--icon-size)*.45);
  height:calc(var(--icon-size)*.45);
  border-radius:50%;object-fit:cover;
}

/* MOBILE – ocupa 100 % dentro do drawer */
@media(max-width:768px){
  .language-selector{width:100%;margin-right:0}
  .language-button{justify-content:center;width:100%}
  .language-options{left:0;right:auto;width:100%}
  .language-options{max-height:180px;overflow-y:auto;scrollbar-width:thin}
  .language-options::-webkit-scrollbar{width:6px}
  .language-options::-webkit-scrollbar-thumb{
    background:var(--gradient-primary);border-radius:3px}
}