/* ==========================================================
   VivaMee — Header Premium Organizer
   Organiza o cabeçalho Aurora Neon sem mexer em rotas/lógica.
   ========================================================== */

html[data-vivamee-theme="viva-aurora"] header,
html[data-vivamee-theme="social-dark"] header,
html[data-vivamee-theme="neon-pro"] header,
html[data-vivamee-theme="viva-aurora"] .topbar,
html[data-vivamee-theme="social-dark"] .topbar,
html[data-vivamee-theme="neon-pro"] .topbar,
html[data-vivamee-theme="viva-aurora"] .site-header,
html[data-vivamee-theme="social-dark"] .site-header,
html[data-vivamee-theme="neon-pro"] .site-header{
  min-height:82px!important;
  padding:10px 22px!important;
  display:grid!important;
  grid-template-columns:minmax(210px,260px) minmax(260px,420px) 1fr auto!important;
  align-items:center!important;
  gap:18px!important;
  overflow:visible!important;
}

/* Bloco da marca */
html[data-vivamee-theme="viva-aurora"] .logo,
html[data-vivamee-theme="social-dark"] .logo,
html[data-vivamee-theme="neon-pro"] .logo,
html[data-vivamee-theme="viva-aurora"] .brand,
html[data-vivamee-theme="social-dark"] .brand,
html[data-vivamee-theme="neon-pro"] .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  white-space:nowrap!important;
}

/* Evita logo apagada por opacidade herdada */
html[data-vivamee-theme="viva-aurora"] header .logo *,
html[data-vivamee-theme="social-dark"] header .logo *,
html[data-vivamee-theme="neon-pro"] header .logo *,
html[data-vivamee-theme="viva-aurora"] header .brand *,
html[data-vivamee-theme="social-dark"] header .brand *,
html[data-vivamee-theme="neon-pro"] header .brand *{
  opacity:1!important;
}

/* Busca + dica em coluna limpa */
html[data-vivamee-theme="viva-aurora"] header form,
html[data-vivamee-theme="social-dark"] header form,
html[data-vivamee-theme="neon-pro"] header form,
html[data-vivamee-theme="viva-aurora"] header .search,
html[data-vivamee-theme="social-dark"] header .search,
html[data-vivamee-theme="neon-pro"] header .search,
html[data-vivamee-theme="viva-aurora"] header .search-box,
html[data-vivamee-theme="social-dark"] header .search-box,
html[data-vivamee-theme="neon-pro"] header .search-box{
  width:100%!important;
  max-width:420px!important;
  min-width:240px!important;
}

html[data-vivamee-theme="viva-aurora"] header input[type="search"],
html[data-vivamee-theme="social-dark"] header input[type="search"],
html[data-vivamee-theme="neon-pro"] header input[type="search"],
html[data-vivamee-theme="viva-aurora"] header input[placeholder*="Pesquisar"],
html[data-vivamee-theme="social-dark"] header input[placeholder*="Pesquisar"],
html[data-vivamee-theme="neon-pro"] header input[placeholder*="Pesquisar"]{
  width:100%!important;
  height:44px!important;
  padding:0 18px!important;
  font-size:14px!important;
  border-radius:18px!important;
}

/* Balão de dica menor, alinhado e sem competir com menu */
html[data-vivamee-theme="viva-aurora"] header .hint,
html[data-vivamee-theme="social-dark"] header .hint,
html[data-vivamee-theme="neon-pro"] header .hint,
html[data-vivamee-theme="viva-aurora"] header .tip,
html[data-vivamee-theme="social-dark"] header .tip,
html[data-vivamee-theme="neon-pro"] header .tip,
html[data-vivamee-theme="viva-aurora"] header [class*="hint"],
html[data-vivamee-theme="social-dark"] header [class*="hint"],
html[data-vivamee-theme="neon-pro"] header [class*="hint"],
html[data-vivamee-theme="viva-aurora"] header [class*="tip"],
html[data-vivamee-theme="social-dark"] header [class*="tip"],
html[data-vivamee-theme="neon-pro"] header [class*="tip"]{
  max-width:330px!important;
  min-height:auto!important;
  padding:7px 12px!important;
  line-height:1.25!important;
  font-size:12px!important;
  border-radius:14px!important;
  margin:0!important;
}

/* Menu central: altura constante e sem esticar demais */
html[data-vivamee-theme="viva-aurora"] header nav,
html[data-vivamee-theme="social-dark"] header nav,
html[data-vivamee-theme="neon-pro"] header nav,
html[data-vivamee-theme="viva-aurora"] header .nav,
html[data-vivamee-theme="social-dark"] header .nav,
html[data-vivamee-theme="neon-pro"] header .nav,
html[data-vivamee-theme="viva-aurora"] header .menu,
html[data-vivamee-theme="social-dark"] header .menu,
html[data-vivamee-theme="neon-pro"] header .menu{
  min-height:52px!important;
  height:52px!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}

/* Links do menu */
html[data-vivamee-theme="viva-aurora"] header nav a,
html[data-vivamee-theme="social-dark"] header nav a,
html[data-vivamee-theme="neon-pro"] header nav a,
html[data-vivamee-theme="viva-aurora"] header .nav a,
html[data-vivamee-theme="social-dark"] header .nav a,
html[data-vivamee-theme="neon-pro"] header .nav a,
html[data-vivamee-theme="viva-aurora"] header .menu a,
html[data-vivamee-theme="social-dark"] header .menu a,
html[data-vivamee-theme="neon-pro"] header .menu a{
  height:40px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  color:#eef8ff!important;
  text-decoration:none!important;
}

/* Hover/ativo */
html[data-vivamee-theme="viva-aurora"] header nav a:hover,
html[data-vivamee-theme="social-dark"] header nav a:hover,
html[data-vivamee-theme="neon-pro"] header nav a:hover,
html[data-vivamee-theme="viva-aurora"] header .nav a:hover,
html[data-vivamee-theme="social-dark"] header .nav a:hover,
html[data-vivamee-theme="neon-pro"] header .nav a:hover{
  background:rgba(59,220,255,.13)!important;
  color:#ffffff!important;
}

/* Ações da direita */
html[data-vivamee-theme="viva-aurora"] header .actions,
html[data-vivamee-theme="social-dark"] header .actions,
html[data-vivamee-theme="neon-pro"] header .actions,
html[data-vivamee-theme="viva-aurora"] header .user-actions,
html[data-vivamee-theme="social-dark"] header .user-actions,
html[data-vivamee-theme="neon-pro"] header .user-actions,
html[data-vivamee-theme="viva-aurora"] header .account-area,
html[data-vivamee-theme="social-dark"] header .account-area,
html[data-vivamee-theme="neon-pro"] header .account-area{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  white-space:nowrap!important;
}

/* Botões do cabeçalho */
html[data-vivamee-theme="viva-aurora"] header a[href="/criar"],
html[data-vivamee-theme="social-dark"] header a[href="/criar"],
html[data-vivamee-theme="neon-pro"] header a[href="/criar"],
html[data-vivamee-theme="viva-aurora"] header a[href*="camera"],
html[data-vivamee-theme="social-dark"] header a[href*="camera"],
html[data-vivamee-theme="neon-pro"] header a[href*="camera"],
html[data-vivamee-theme="viva-aurora"] header a[href*="publicar"],
html[data-vivamee-theme="social-dark"] header a[href*="publicar"],
html[data-vivamee-theme="neon-pro"] header a[href*="publicar"],
html[data-vivamee-theme="viva-aurora"] header .btn,
html[data-vivamee-theme="social-dark"] header .btn,
html[data-vivamee-theme="neon-pro"] header .btn{
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

/* Avatar/usuário */
html[data-vivamee-theme="viva-aurora"] header [class*="avatar"],
html[data-vivamee-theme="social-dark"] header [class*="avatar"],
html[data-vivamee-theme="neon-pro"] header [class*="avatar"]{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:50%!important;
}

html[data-vivamee-theme="viva-aurora"] header [class*="profile"],
html[data-vivamee-theme="social-dark"] header [class*="profile"],
html[data-vivamee-theme="neon-pro"] header [class*="profile"],
html[data-vivamee-theme="viva-aurora"] header [class*="account"],
html[data-vivamee-theme="social-dark"] header [class*="account"],
html[data-vivamee-theme="neon-pro"] header [class*="account"],
html[data-vivamee-theme="viva-aurora"] header [class*="user"],
html[data-vivamee-theme="social-dark"] header [class*="user"],
html[data-vivamee-theme="neon-pro"] header [class*="user"]{
  color:#eef8ff!important;
}

/* Dropdown do perfil mais legível */
html[data-vivamee-theme="viva-aurora"] .dropdown-menu,
html[data-vivamee-theme="social-dark"] .dropdown-menu,
html[data-vivamee-theme="neon-pro"] .dropdown-menu,
html[data-vivamee-theme="viva-aurora"] .menu-dropdown,
html[data-vivamee-theme="social-dark"] .menu-dropdown,
html[data-vivamee-theme="neon-pro"] .menu-dropdown{
  min-width:220px!important;
  padding:14px!important;
  border-radius:22px!important;
}

html[data-vivamee-theme="viva-aurora"] .dropdown-menu a,
html[data-vivamee-theme="social-dark"] .dropdown-menu a,
html[data-vivamee-theme="neon-pro"] .dropdown-menu a,
html[data-vivamee-theme="viva-aurora"] .menu-dropdown a,
html[data-vivamee-theme="social-dark"] .menu-dropdown a,
html[data-vivamee-theme="neon-pro"] .menu-dropdown a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  color:#eaf8ff!important;
  font-weight:850!important;
}

/* Responsivo: menu horizontal rolável, sem quebrar header */
@media(max-width:1180px){
  html[data-vivamee-theme="viva-aurora"] header,
  html[data-vivamee-theme="social-dark"] header,
  html[data-vivamee-theme="neon-pro"] header,
  html[data-vivamee-theme="viva-aurora"] .topbar,
  html[data-vivamee-theme="social-dark"] .topbar,
  html[data-vivamee-theme="neon-pro"] .topbar,
  html[data-vivamee-theme="viva-aurora"] .site-header,
  html[data-vivamee-theme="social-dark"] .site-header,
  html[data-vivamee-theme="neon-pro"] .site-header{
    grid-template-columns:220px minmax(220px,360px) 1fr auto!important;
    gap:12px!important;
  }

  html[data-vivamee-theme="viva-aurora"] header nav,
  html[data-vivamee-theme="social-dark"] header nav,
  html[data-vivamee-theme="neon-pro"] header nav,
  html[data-vivamee-theme="viva-aurora"] header .nav,
  html[data-vivamee-theme="social-dark"] header .nav,
  html[data-vivamee-theme="neon-pro"] header .nav{
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
  }

  html[data-vivamee-theme="viva-aurora"] header nav::-webkit-scrollbar,
  html[data-vivamee-theme="social-dark"] header nav::-webkit-scrollbar,
  html[data-vivamee-theme="neon-pro"] header nav::-webkit-scrollbar{
    display:none!important;
  }
}

@media(max-width:820px){
  html[data-vivamee-theme="viva-aurora"] header,
  html[data-vivamee-theme="social-dark"] header,
  html[data-vivamee-theme="neon-pro"] header,
  html[data-vivamee-theme="viva-aurora"] .topbar,
  html[data-vivamee-theme="social-dark"] .topbar,
  html[data-vivamee-theme="neon-pro"] .topbar,
  html[data-vivamee-theme="viva-aurora"] .site-header,
  html[data-vivamee-theme="social-dark"] .site-header,
  html[data-vivamee-theme="neon-pro"] .site-header{
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "brand user"
      "search search"
      "nav nav"!important;
    min-height:auto!important;
    padding:10px 14px!important;
  }

  html[data-vivamee-theme="viva-aurora"] header .logo,
  html[data-vivamee-theme="social-dark"] header .logo,
  html[data-vivamee-theme="neon-pro"] header .logo,
  html[data-vivamee-theme="viva-aurora"] header .brand,
  html[data-vivamee-theme="social-dark"] header .brand,
  html[data-vivamee-theme="neon-pro"] header .brand{
    grid-area:brand!important;
  }

  html[data-vivamee-theme="viva-aurora"] header form,
  html[data-vivamee-theme="social-dark"] header form,
  html[data-vivamee-theme="neon-pro"] header form,
  html[data-vivamee-theme="viva-aurora"] header .search,
  html[data-vivamee-theme="social-dark"] header .search,
  html[data-vivamee-theme="neon-pro"] header .search,
  html[data-vivamee-theme="viva-aurora"] header .search-box,
  html[data-vivamee-theme="social-dark"] header .search-box,
  html[data-vivamee-theme="neon-pro"] header .search-box{
    grid-area:search!important;
    max-width:100%!important;
  }

  html[data-vivamee-theme="viva-aurora"] header nav,
  html[data-vivamee-theme="social-dark"] header nav,
  html[data-vivamee-theme="neon-pro"] header nav,
  html[data-vivamee-theme="viva-aurora"] header .nav,
  html[data-vivamee-theme="social-dark"] header .nav,
  html[data-vivamee-theme="neon-pro"] header .nav{
    grid-area:nav!important;
    width:100%!important;
  }

  html[data-vivamee-theme="viva-aurora"] header .hint,
  html[data-vivamee-theme="social-dark"] header .hint,
  html[data-vivamee-theme="neon-pro"] header .hint,
  html[data-vivamee-theme="viva-aurora"] header .tip,
  html[data-vivamee-theme="social-dark"] header .tip,
  html[data-vivamee-theme="neon-pro"] header .tip,
  html[data-vivamee-theme="viva-aurora"] header [class*="hint"],
  html[data-vivamee-theme="social-dark"] header [class*="hint"],
  html[data-vivamee-theme="neon-pro"] header [class*="hint"]{
    display:none!important;
  }
}