
/* VivaMee Header Premium Organizer V3
   Duas faixas:
   Linha 1: logo + selo + dica + ações
   Linha 2: busca + menu completo
*/

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;
  flex-wrap:wrap!important;
  align-items:center!important;
  align-content:center!important;
  gap:10px 14px!important;
  min-height:116px!important;
  height:auto!important;
  padding:12px 18px 14px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* logo */
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{
  order:1!important;
  flex:0 0 170px!important;
  max-width:170px!important;
  min-width:150px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:visible!important;
  margin:0!important;
}

/* selo */
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"]{
  order:2!important;
  flex:0 0 auto!important;
  height:32px!important;
  max-width:150px!important;
  padding:0 12px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}

/* 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"]{
  order:3!important;
  flex:0 1 320px!important;
  max-width:320px!important;
  min-width:230px!important;
  min-height:34px!important;
  padding:6px 12px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.18!important;
  overflow:hidden!important;
}

/* ações/usuário */
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{
  order:4!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  white-space:nowrap!important;
}

/* botões soltos da direita */
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"]{
  order:4!important;
  flex:0 0 auto!important;
  height:42px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
}

/* avatar */
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"]{
  order:4!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  flex:0 0 auto!important;
}

/* quebra forçada entre linha 1 e 2 */
html[data-vivamee-theme="viva-aurora"] header::after,
html[data-vivamee-theme="social-dark"] header::after,
html[data-vivamee-theme="neon-pro"] header::after,
html[data-vivamee-theme="viva-aurora"] .topbar::after,
html[data-vivamee-theme="social-dark"] .topbar::after,
html[data-vivamee-theme="neon-pro"] .topbar::after,
html[data-vivamee-theme="viva-aurora"] .site-header::after,
html[data-vivamee-theme="social-dark"] .site-header::after,
html[data-vivamee-theme="neon-pro"] .site-header::after{
  content:""!important;
  order:5!important;
  flex-basis:100%!important;
  width:0!important;
  height:0!important;
}

/* busca linha 2 */
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:6!important;
  flex:0 1 420px!important;
  min-width:290px!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;
  padding:0 18px!important;
  border-radius:18px!important;
}

/* menu linha 2 */
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:7!important;
  flex:1 1 720px!important;
  min-width:520px!important;
  max-width:none!important;
  width:auto!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:6px 10px!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;
  box-sizing:border-box!important;
}

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;
  min-width:max-content!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;
}

/* CTAs no menu */
html[data-vivamee-theme="viva-aurora"] header nav a[href*="criar"],
html[data-vivamee-theme="social-dark"] header nav a[href*="criar"],
html[data-vivamee-theme="neon-pro"] header nav a[href*="criar"],
html[data-vivamee-theme="viva-aurora"] header nav a[href*="camera"],
html[data-vivamee-theme="social-dark"] header nav a[href*="camera"],
html[data-vivamee-theme="neon-pro"] header nav a[href*="camera"],
html[data-vivamee-theme="viva-aurora"] header .nav a[href*="criar"],
html[data-vivamee-theme="social-dark"] header .nav a[href*="criar"],
html[data-vivamee-theme="neon-pro"] header .nav a[href*="criar"],
html[data-vivamee-theme="viva-aurora"] header .nav a[href*="camera"],
html[data-vivamee-theme="social-dark"] header .nav a[href*="camera"],
html[data-vivamee-theme="neon-pro"] header .nav a[href*="camera"]{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

/* dropdown */
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;
}

@media(max-width:980px){
  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,
  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{
    flex-basis:100%!important;
    max-width:none!important;
    min-width:100%!important;
  }
}

@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{
    padding:10px 12px!important;
    gap:8px!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"],
  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"]{
    display:none!important;
  }
}
