/* 100 Anotar — seletor de bandeiras final.
   Só organiza o idioma entre Planos e o menu.
   Não altera logo, Início, Planos nem dropdown principal.
*/

.header100-lang,
.header100-flag-picker{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:100001!important;
}

.header100-lang-btn,
.header100-flag-main{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#111827!important;
  color:#fff!important;
  cursor:pointer!important;
  font-size:21px!important;
  line-height:1!important;
  box-shadow:none!important;
}

.header100-lang-btn:hover,
.header100-flag-main:hover{
  background:#172033!important;
  transform:translateY(-1px);
}

.header100-lang-text,
.header100-lang-btn .header100-lang-text{
  display:none!important;
}

.header100-lang-menu,
.header100-flag-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 9px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:54px!important;
  min-width:54px!important;
  padding:7px!important;
  border-radius:999px!important;
  background:#0b1220!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.38)!important;
  z-index:100002!important;
}

.header100-lang.open .header100-lang-menu,
.header100-flag-picker.open .header100-flag-menu{
  display:grid!important;
  gap:7px!important;
}

.header100-lang-menu a,
.header100-lang-menu button,
.header100-flag-option{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#111827!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:21px!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.header100-lang-menu a:hover,
.header100-lang-menu button:hover,
.header100-flag-option:hover{
  background:#172033!important;
}

.header100-lang-menu .header100-lang-label,
.header100-flag-label{
  display:none!important;
}

/* Mantém as bandeiras exatamente entre Planos e Menu no header profissional */
.header100-inner .header100-lang{
  grid-column:auto!important;
}

/* Qualquer texto antigo "Idioma" ou globo some, fica só a bandeira ativa */
.header100-lang-btn span:not(.header100-flag-emoji){
  display:none!important;
}

@media(max-width:820px){
  .header100-lang-btn,
  .header100-flag-main{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:19px!important;
  }

  .header100-lang-menu,
  .header100-flag-menu{
    width:50px!important;
    min-width:50px!important;
    padding:7px!important;
    top:calc(100% + 7px)!important;
  }

  .header100-lang-menu a,
  .header100-lang-menu button,
  .header100-flag-option{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:19px!important;
  }
}

@media(max-width:380px){
  .header100-lang-btn,
  .header100-flag-main{
    width:33px!important;
    min-width:33px!important;
    height:33px!important;
    min-height:33px!important;
    font-size:18px!important;
  }

  .header100-lang-menu,
  .header100-flag-menu{
    width:47px!important;
    min-width:47px!important;
  }

  .header100-lang-menu a,
  .header100-lang-menu button,
  .header100-flag-option{
    width:33px!important;
    min-width:33px!important;
    height:33px!important;
    min-height:33px!important;
    font-size:18px!important;
  }
}