/* =====================================================
   HEADER-IDENTITY.CSS
   Alinha a Central de Ajuda à identidade visual do
   cabeçalho oficial da Orbizzy (orbizzycabecalho.html):
   botão de idioma, hambúrguer de 3 barras e botões
   de Entrar/Criar conta no desktop.
   ===================================================== */

/* ---------- Botão de idioma (globo + texto + seta) ---------- */
.language-selector{
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  padding:8px 6px;
  border-radius:8px;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  display:flex;
  align-items:center;
  gap:8px;
  color:#1a1a1a;
}
.language-selector:hover{
  transform:none;
  box-shadow:none;
}
.language-icon{
  font-size:14px !important;
  color:#1a1a1a !important;
}
.language-current-label{
  font-size:13px;
  font-weight:400;
  color:#1a1a1a;
  white-space:nowrap;
  font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
}
.language-chevron{
  font-size:10px !important;
  color:#1a1a1a !important;
}
.language-selector:hover .language-icon,
.language-selector.is-open .language-icon{
  color:#1a1a1a !important;
}

#language-dropdown,
.language-selector .dropdown-content{
  min-width:170px;
  border-radius:4px;
  padding:10px 0;
  box-shadow:0 5px 20px rgba(0,0,0,.2) !important;
}
#language-dropdown a,
.language-selector .dropdown-content a{
  font-size:13px;
  font-weight:400;
  color:#333333;
  padding:8px 15px;
}
#language-dropdown a:hover,
.language-selector .dropdown-content a:hover{
  background:#f5f5f5;
  color:#fec639;
}

/* ---------- Hambúrguer de 3 barras (vira X ao abrir) ---------- */
.icon-btn.mobile-menu-btn{
  background:transparent;
  border:none;
  width:24px;
  height:24px;
}
.icon-btn.mobile-menu-btn:hover{
  border-color:transparent;
  background:transparent;
}
.hamburger-box{
  width:24px;height:18px;position:relative;display:inline-block;flex:0 0 auto;
}
.hamburger-top-bread,
.hamburger-patty,
.hamburger-bottom-bread{
  position:absolute;left:0;width:24px;height:2px;background:#1a1a1a;border-radius:999px;
  transition:transform .25s ease, opacity .2s ease, top .25s ease;
}
.hamburger-top-bread{top:0;}
.hamburger-patty{top:8px;}
.hamburger-bottom-bread{top:16px;}

#mobileMenuBtn[aria-expanded="true"] .hamburger-top-bread{top:8px;transform:rotate(45deg);}
#mobileMenuBtn[aria-expanded="true"] .hamburger-patty{opacity:0;}
#mobileMenuBtn[aria-expanded="true"] .hamburger-bottom-bread{top:8px;transform:rotate(-45deg);}

/* ---------- Botões "Entre" / "Crie a sua conta" (desktop) ---------- */
.orbi-nav-right{
  display:none;
  align-items:center;
  gap:18px;
  font-size:13px;
  font-weight:500;
  white-space:nowrap;
  color:#1a1a1a;
}
.orbi-nav-right a{
  text-decoration:none;
  color:#1a1a1a;
}
.orbi-nav-right a:hover{text-decoration:underline;}

@media (min-width:768px){
  .orbi-nav-right{display:flex;}
}

/* ---------- Loader rápido ao cruzar breakpoint mobile/desktop ---------- */
#resize-loader{
  position:fixed;inset:0;background:#ffffff;display:flex;flex-direction:column;
  justify-content:center;align-items:center;z-index:99998;opacity:0;visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;pointer-events:none;
}
#resize-loader.show{opacity:1;visibility:visible;}
#resize-loader .dots-loader{display:flex;gap:8px;}
#resize-loader .dots-loader span{
  width:10px;height:10px;background:#fec639;border-radius:50%;
  animation:resizeBounce 1s infinite ease-in-out;
}
#resize-loader .dots-loader span:nth-child(2){animation-delay:.15s;}
#resize-loader .dots-loader span:nth-child(3){animation-delay:.3s;}
@keyframes resizeBounce{
  0%,80%,100%{transform:scale(1);opacity:.6;}
  40%{transform:scale(1.4);opacity:1;}
}