/* ==========================================================
   VivaMee — Header Premium Organizer V2
   Corrige sobreposição do logo/selo e menu cortado.
   Este CSS substitui a organização em grid do V1 por flex responsivo.
   ========================================================== */

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{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
  min-height:92px!important;
  height:auto!important;
  padding:12px 18px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Logo não pode invadir selo nem ficar espremida */
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,
html[data-vivamee-theme="viva-aurora"] .topbar .logo,
html[data-vivamee-theme="social-dark"] .topbar .logo,
html[data-vivamee-theme="neon-pro"] .topbar .logo,
html[data-vivamee-theme="viva-aurora"] .site-header .logo,
html[data-vivamee-theme="social-dark"] .site-header .logo,
html[data-vivamee-theme="neon-pro"] .site-header .logo{
  flex:0 0 auto!important;
  max-width:190px!important;
  min-width:145px!important;
  margin-right:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

/* Selo rede social viva separado da logo */
html[data-vivamee-theme="viva-aurora"] header [class*="living"],
html[data-vivamee-theme="social-dark"] header [class*="living"],
html[data-vivamee-theme="neon-pro"] header [class*="living"],
html[data-vivamee-theme="viva-aurora"] header [class*="badge"],
html[data-vivamee-theme="social-dark"] header [class*="badge"],
html[data-vivamee-theme="neon-pro"] header [class*="badge"]{
  flex:0 0 auto!important;
  height:34px!important;
  min-width:auto!important;
  max-width:150px!important;
  padding:0 12px!important;
  margin-left:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  line-height:1.05!important;
  white-space:normal!important;
  text-align:center!important;
  overflow:hidden!important;
}

/* Bloco de dica */
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"]{
  flex:0 1 330px!important;
  max-width:330px!important;
  min-width:240px!important;
  height:auto!important;
  min-height:38px!important;
  padding:7px 12px!important;
  font-size:12px!important;
  line-height:1.2!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Busca */
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{
  flex:0 1 420px!important;
  width:auto!important;
  min-width:280px!important;
  max-width:420px!important;
  margin:0!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;
  border-radius:18px!important;
  padding:0 18px!important;
}

/* Menu: nunca cortar o primeiro item */
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{
  flex:1 1 620px!important;
  min-width:420px!important;
  max-width:none!important;
  width:auto!important;
  height:52px!important;
  min-height:52px!important;
  padding:6px 10px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-left:12px!important;
  scrollbar-width:none!important;
  box-sizing:border-box!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,
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,
html[data-vivamee-theme="viva-aurora"] header .menu::-webkit-scrollbar,
html[data-vivamee-theme="social-dark"] header .menu::-webkit-scrollbar,
html[data-vivamee-theme="neon-pro"] header .menu::-webkit-scrollbar{
  display:none!important;
}

/* Links do menu padronizados */
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{
  flex:0 0 auto!important;
  height:40px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Evita que ações da direita sejam engolidas */
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{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}

/* Botões soltos do header, mesmo sem wrapper de actions */
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 > a[href*="admin"],
html[data-vivamee-theme="social-dark"] header > a[href*="admin"],
html[data-vivamee-theme="neon-pro"] header > a[href*="admin"],
html[data-vivamee-theme="viva-aurora"] header > a[href*="login"],
html[data-vivamee-theme="social-dark"] header > a[href*="login"],
html[data-vivamee-theme="neon-pro"] header > a[href*="login"]{
  flex:0 0 auto!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

/* Avatar / perfil */
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;
  flex:0 0 auto!important;
}

/* Dropdown 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:230px!important;
  padding:14px!important;
  border-radius:22px!important;
  overflow:visible!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{
  color:#eaf8ff!important;
  opacity:1!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

/* Telas médias: header em duas linhas limpas */
@media(max-width:1280px){
  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{
    gap:9px 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,
  html[data-vivamee-theme="viva-aurora"] header .menu,
  html[data-vivamee-theme="social-dark"] header .menu,
  html[data-vivamee-theme="neon-pro"] header .menu{
    order:10!important;
    flex-basis:100%!important;
    min-width:100%!important;
  }
}

/* Mobile: compacto */
@media(max-width:760px){
  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{
    padding:9px 12px!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;
  }

  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{
    order:8!important;
    flex-basis:100%!important;
    max-width:none!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,
  html[data-vivamee-theme="viva-aurora"] header .menu,
  html[data-vivamee-theme="social-dark"] header .menu,
  html[data-vivamee-theme="neon-pro"] header .menu{
    order:9!important;
    flex-basis:100%!important;
    min-width:100%!important;
  }
}