/* Get Fluency LAB Hub v1.1.4
   Só estiliza o botão LAB. A distribuição original do tema fica intacta:
   nenhuma regra para nav-wrap, .nav, redes sociais, idiomas ou acesso do aluno.
*/
body.gflab-site-nav-enabled .site-header .gflab-site-menu-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0 8px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  line-height:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:filter .18s ease,transform .18s ease;
}
body.gflab-site-nav-enabled .site-header .gflab-site-menu-button:before,
body.gflab-site-nav-enabled .site-header .gflab-site-menu-button:after{
  display:none!important;
  content:none!important;
}
body.gflab-site-nav-enabled .site-header .gflab-site-menu-image{
  display:block!important;
  width:104px!important; /* mesma dimensão de referência do GAMES original */
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}
body.gflab-site-nav-enabled .site-header .gflab-site-menu-button:hover,
body.gflab-site-nav-enabled .site-header .gflab-site-menu-button:focus-visible{
  filter:brightness(1.12);
  transform:translateY(-1px) scale(1.035);
}
body.gflab-site-nav-enabled .site-header .gflab-site-menu-button:focus-visible{
  outline:2px solid #1975f5!important;
  outline-offset:2px;
}

/* Apenas quando o cabeçalho original realmente fica sem espaço (laptops menores),
   distribuir links numa 2ª linha. GAMES/redes/idiomas ficam alinhados na 1ª linha.
   Acima de 1140px, nenhum posicionamento do tema é sobrescrito. */
@media(min-width:961px) and (max-width:1140px){
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .container.nav-wrap{
    display:grid!important;
    grid-template-columns:minmax(155px,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:0!important;
    align-items:center!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
  }
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .menu-toggle{display:none!important;}
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .nav{
    display:flex!important;
    position:static!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:clamp(13px,2vw,25px)!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .nav>a,
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .nav>.gf-nav-item>a{padding:8px 0!important;}
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .gf-header-social-zone{
    grid-column:2!important;
    grid-row:1!important;
    margin-left:0!important;
  }
  body.gflab-site-nav-enabled:not(.gflab-portal-header) .site-header .gf-header-tools{
    grid-column:3!important;
    grid-row:1!important;
    margin-left:0!important;
  }
}

/* Em celular ambos os botões seguem o menu mobile original do tema. */
@media(max-width:900px){
  body.gflab-site-nav-enabled .site-header .nav .gflab-site-menu-button{
    width:max-content!important;
    align-self:flex-start!important;
    margin:8px 10px!important;
    padding:0!important;
  }
  body.gflab-site-nav-enabled .site-header .nav .gflab-site-menu-image{
    width:112px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.gflab-site-nav-enabled .site-header .gflab-site-menu-button{transition:none!important;}
}

/* Portal: do NOT replace the teacher/student header grid or social alignment. */
@media(min-width:901px) and (max-width:1140px){
 body.gflab-site-nav-enabled.gflab-portal-header .site-header .gflab-site-menu-image{width:88px!important}
 body.gflab-site-nav-enabled.gflab-portal-header .site-header .gflab-site-menu-button{margin-right:4px!important}
}

/* 1.1.6: Visual-center LAB with GAMES within the existing social zone.
   No modifications to normal links, social buttons, languages or avatars. */
body.gflab-site-nav-enabled .site-header .gf-header-social-zone > .gflab-site-menu-button {
  align-self:center!important;
  min-height:36px!important;
  height:36px!important;
  margin-block:0!important;
  vertical-align:middle!important;
}
body.gflab-site-nav-enabled .site-header .gf-header-social-zone > .gflab-site-menu-button .gflab-site-menu-image {
  display:block!important;
  width:104px!important;
  height:36px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
/* The actual student portal header is separate from the theme header.
   Its new link inherits the existing student menu styles. */
body.gfsa-portal-shell .gfsa-portal-links > .gflab-student-menu-link {
  flex:0 0 auto;
  align-items:center;
  white-space:nowrap;
}
@media(max-width:900px){
 body.gflab-site-nav-enabled .site-header .nav > .gflab-site-menu-button .gflab-site-menu-image {
   width:112px!important;
   height:42px!important;
 }
}