/* ==========================================================
   VivaMee V8.6 — Aurora Neon Official Theme
   Tema oficial padrão: escuro, vivo, azul neon, premium.
   Mantém escolha de tema do usuário; Social Claro vira opção.
   ========================================================== */

:root{
  --vm-bg-a:#061326;
  --vm-bg-b:#0b2242;
  --vm-bg-c:#1b0732;
  --vm-cyan:#3bdcff;
  --vm-blue:#557cff;
  --vm-pink:#ff5bd7;
  --vm-gold:#ffbc62;
  --vm-green:#54ffbf;
  --vm-text:#f2f8ff;
  --vm-soft:#b9c9e7;
  --vm-muted:#8294b7;
  --vm-card:rgba(12,27,55,.88);
  --vm-card2:rgba(16,34,67,.92);
  --vm-card3:rgba(26,16,58,.78);
  --vm-border:rgba(67,206,255,.24);
  --vm-border2:rgba(255,91,215,.18);
  --vm-shadow:0 20px 55px rgba(0,0,0,.35), 0 0 0 1px rgba(67,206,255,.07);
  --vm-radius:24px;
  --vm-header-h:88px;
}

/* Fallback oficial: quando nada foi escolhido, fica Aurora Neon */
html:not([data-vivamee-theme]),
html[data-vivamee-theme="viva-aurora"],
html[data-vivamee-theme="social-dark"],
html[data-vivamee-theme="neon-pro"]{
  color-scheme:dark;
}

html:not([data-vivamee-theme]) body,
html[data-vivamee-theme="viva-aurora"] body,
html[data-vivamee-theme="social-dark"] body,
html[data-vivamee-theme="neon-pro"] body,
body.theme-viva-aurora,
body.theme-social-dark,
body.theme-neon-pro{
  background:
    radial-gradient(circle at 9% 9%, rgba(59,220,255,.24), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(255,91,215,.16), transparent 27%),
    radial-gradient(circle at 76% 86%, rgba(255,188,98,.12), transparent 28%),
    linear-gradient(135deg, var(--vm-bg-a) 0%, var(--vm-bg-b) 48%, var(--vm-bg-c) 100%) !important;
  background-attachment:fixed!important;
  color:var(--vm-text)!important;
}

/* Remove branco herdado em páginas/containers principais */
html[data-vivamee-theme="viva-aurora"] body *,
html[data-vivamee-theme="social-dark"] body *,
html[data-vivamee-theme="neon-pro"] body *{
  scrollbar-color:rgba(59,220,255,.65) rgba(6,19,38,.55);
}

html[data-vivamee-theme="viva-aurora"] main,
html[data-vivamee-theme="social-dark"] main,
html[data-vivamee-theme="neon-pro"] main,
html[data-vivamee-theme="viva-aurora"] section,
html[data-vivamee-theme="social-dark"] section,
html[data-vivamee-theme="neon-pro"] section,
html[data-vivamee-theme="viva-aurora"] .page,
html[data-vivamee-theme="social-dark"] .page,
html[data-vivamee-theme="neon-pro"] .page,
html[data-vivamee-theme="viva-aurora"] .content,
html[data-vivamee-theme="social-dark"] .content,
html[data-vivamee-theme="neon-pro"] .content,
html[data-vivamee-theme="viva-aurora"] .container,
html[data-vivamee-theme="social-dark"] .container,
html[data-vivamee-theme="neon-pro"] .container,
html[data-vivamee-theme="viva-aurora"] .container-fluid,
html[data-vivamee-theme="social-dark"] .container-fluid,
html[data-vivamee-theme="neon-pro"] .container-fluid,
html[data-vivamee-theme="viva-aurora"] .page-shell,
html[data-vivamee-theme="social-dark"] .page-shell,
html[data-vivamee-theme="neon-pro"] .page-shell,
html[data-vivamee-theme="viva-aurora"] .main-shell,
html[data-vivamee-theme="social-dark"] .main-shell,
html[data-vivamee-theme="neon-pro"] .main-shell,
html[data-vivamee-theme="viva-aurora"] .layout,
html[data-vivamee-theme="social-dark"] .layout,
html[data-vivamee-theme="neon-pro"] .layout{
  background:transparent!important;
}

/* Cabeçalho oficial */
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,
html[data-vivamee-theme="viva-aurora"] .header,
html[data-vivamee-theme="social-dark"] .header,
html[data-vivamee-theme="neon-pro"] .header{
  min-height:var(--vm-header-h)!important;
  background:
    linear-gradient(90deg, rgba(7,20,41,.96), rgba(11,21,56,.94) 58%, rgba(31,12,52,.94))!important;
  border-bottom:1px solid var(--vm-border)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  color:var(--vm-text)!important;
}

/* Logo e selo */
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{
  opacity:1!important;
  filter:drop-shadow(0 0 10px rgba(59,220,255,.14))!important;
  color:var(--vm-text)!important;
}

html[data-vivamee-theme="viva-aurora"] [class*="badge"],
html[data-vivamee-theme="social-dark"] [class*="badge"],
html[data-vivamee-theme="neon-pro"] [class*="badge"],
html[data-vivamee-theme="viva-aurora"] [class*="living"],
html[data-vivamee-theme="social-dark"] [class*="living"],
html[data-vivamee-theme="neon-pro"] [class*="living"]{
  background:rgba(59,220,255,.10)!important;
  color:#dffaff!important;
  border:1px solid rgba(59,220,255,.32)!important;
}

/* Menu central */
html[data-vivamee-theme="viva-aurora"] nav,
html[data-vivamee-theme="social-dark"] nav,
html[data-vivamee-theme="neon-pro"] nav,
html[data-vivamee-theme="viva-aurora"] .nav,
html[data-vivamee-theme="social-dark"] .nav,
html[data-vivamee-theme="neon-pro"] .nav,
html[data-vivamee-theme="viva-aurora"] .menu,
html[data-vivamee-theme="social-dark"] .menu,
html[data-vivamee-theme="neon-pro"] .menu{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.16)!important;
  border-radius:22px!important;
}

html[data-vivamee-theme="viva-aurora"] a,
html[data-vivamee-theme="social-dark"] a,
html[data-vivamee-theme="neon-pro"] a,
html[data-vivamee-theme="viva-aurora"] nav a,
html[data-vivamee-theme="social-dark"] nav a,
html[data-vivamee-theme="neon-pro"] nav a{
  color:#eaf8ff!important;
  opacity:1!important;
  text-shadow:none!important;
}

html[data-vivamee-theme="viva-aurora"] a:hover,
html[data-vivamee-theme="social-dark"] a:hover,
html[data-vivamee-theme="neon-pro"] a:hover{
  color:var(--vm-cyan)!important;
}

/* Cards escuros em toda plataforma */
html[data-vivamee-theme="viva-aurora"] .card,
html[data-vivamee-theme="social-dark"] .card,
html[data-vivamee-theme="neon-pro"] .card,
html[data-vivamee-theme="viva-aurora"] .post,
html[data-vivamee-theme="social-dark"] .post,
html[data-vivamee-theme="neon-pro"] .post,
html[data-vivamee-theme="viva-aurora"] article,
html[data-vivamee-theme="social-dark"] article,
html[data-vivamee-theme="neon-pro"] article,
html[data-vivamee-theme="viva-aurora"] aside,
html[data-vivamee-theme="social-dark"] aside,
html[data-vivamee-theme="neon-pro"] aside,
html[data-vivamee-theme="viva-aurora"] .panel,
html[data-vivamee-theme="social-dark"] .panel,
html[data-vivamee-theme="neon-pro"] .panel,
html[data-vivamee-theme="viva-aurora"] .sidebar,
html[data-vivamee-theme="social-dark"] .sidebar,
html[data-vivamee-theme="neon-pro"] .sidebar,
html[data-vivamee-theme="viva-aurora"] .widget,
html[data-vivamee-theme="social-dark"] .widget,
html[data-vivamee-theme="neon-pro"] .widget,
html[data-vivamee-theme="viva-aurora"] .box,
html[data-vivamee-theme="social-dark"] .box,
html[data-vivamee-theme="neon-pro"] .box,
html[data-vivamee-theme="viva-aurora"] .module,
html[data-vivamee-theme="social-dark"] .module,
html[data-vivamee-theme="neon-pro"] .module,
html[data-vivamee-theme="viva-aurora"] .community-card,
html[data-vivamee-theme="social-dark"] .community-card,
html[data-vivamee-theme="neon-pro"] .community-card,
html[data-vivamee-theme="viva-aurora"] .market-card,
html[data-vivamee-theme="social-dark"] .market-card,
html[data-vivamee-theme="neon-pro"] .market-card,
html[data-vivamee-theme="viva-aurora"] .theme-card,
html[data-vivamee-theme="social-dark"] .theme-card,
html[data-vivamee-theme="neon-pro"] .theme-card,
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{
  background:linear-gradient(180deg, var(--vm-card2), var(--vm-card))!important;
  color:var(--vm-text)!important;
  border:1px solid var(--vm-border)!important;
  box-shadow:var(--vm-shadow)!important;
  border-radius:var(--vm-radius)!important;
}

/* Anti-branco residual */
html[data-vivamee-theme="viva-aurora"] [style*="background: white"],
html[data-vivamee-theme="social-dark"] [style*="background: white"],
html[data-vivamee-theme="neon-pro"] [style*="background: white"],
html[data-vivamee-theme="viva-aurora"] [style*="background:white"],
html[data-vivamee-theme="social-dark"] [style*="background:white"],
html[data-vivamee-theme="neon-pro"] [style*="background:white"],
html[data-vivamee-theme="viva-aurora"] [style*="background-color: white"],
html[data-vivamee-theme="social-dark"] [style*="background-color: white"],
html[data-vivamee-theme="neon-pro"] [style*="background-color: white"],
html[data-vivamee-theme="viva-aurora"] [style*="background:#fff"],
html[data-vivamee-theme="social-dark"] [style*="background:#fff"],
html[data-vivamee-theme="neon-pro"] [style*="background:#fff"],
html[data-vivamee-theme="viva-aurora"] [style*="background: #fff"],
html[data-vivamee-theme="social-dark"] [style*="background: #fff"],
html[data-vivamee-theme="neon-pro"] [style*="background: #fff"]{
  background:linear-gradient(180deg, var(--vm-card2), var(--vm-card))!important;
  color:var(--vm-text)!important;
}

/* Tipografia */
html[data-vivamee-theme="viva-aurora"] h1,
html[data-vivamee-theme="social-dark"] h1,
html[data-vivamee-theme="neon-pro"] h1,
html[data-vivamee-theme="viva-aurora"] h2,
html[data-vivamee-theme="social-dark"] h2,
html[data-vivamee-theme="neon-pro"] h2,
html[data-vivamee-theme="viva-aurora"] h3,
html[data-vivamee-theme="social-dark"] h3,
html[data-vivamee-theme="neon-pro"] h3,
html[data-vivamee-theme="viva-aurora"] h4,
html[data-vivamee-theme="social-dark"] h4,
html[data-vivamee-theme="neon-pro"] h4,
html[data-vivamee-theme="viva-aurora"] strong,
html[data-vivamee-theme="social-dark"] strong,
html[data-vivamee-theme="neon-pro"] strong,
html[data-vivamee-theme="viva-aurora"] b,
html[data-vivamee-theme="social-dark"] b,
html[data-vivamee-theme="neon-pro"] b{
  color:#ffffff!important;
}

html[data-vivamee-theme="viva-aurora"] p,
html[data-vivamee-theme="social-dark"] p,
html[data-vivamee-theme="neon-pro"] p,
html[data-vivamee-theme="viva-aurora"] span,
html[data-vivamee-theme="social-dark"] span,
html[data-vivamee-theme="neon-pro"] span,
html[data-vivamee-theme="viva-aurora"] small,
html[data-vivamee-theme="social-dark"] small,
html[data-vivamee-theme="neon-pro"] small,
html[data-vivamee-theme="viva-aurora"] label,
html[data-vivamee-theme="social-dark"] label,
html[data-vivamee-theme="neon-pro"] label,
html[data-vivamee-theme="viva-aurora"] li,
html[data-vivamee-theme="social-dark"] li,
html[data-vivamee-theme="neon-pro"] li{
  color:var(--vm-soft)!important;
}

/* Inputs */
html[data-vivamee-theme="viva-aurora"] input,
html[data-vivamee-theme="social-dark"] input,
html[data-vivamee-theme="neon-pro"] input,
html[data-vivamee-theme="viva-aurora"] textarea,
html[data-vivamee-theme="social-dark"] textarea,
html[data-vivamee-theme="neon-pro"] textarea,
html[data-vivamee-theme="viva-aurora"] select,
html[data-vivamee-theme="social-dark"] select,
html[data-vivamee-theme="neon-pro"] select{
  background:rgba(7,18,39,.88)!important;
  color:var(--vm-text)!important;
  border:1px solid rgba(59,220,255,.34)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
  border-radius:16px!important;
}

html[data-vivamee-theme="viva-aurora"] input::placeholder,
html[data-vivamee-theme="social-dark"] input::placeholder,
html[data-vivamee-theme="neon-pro"] input::placeholder,
html[data-vivamee-theme="viva-aurora"] textarea::placeholder,
html[data-vivamee-theme="social-dark"] textarea::placeholder,
html[data-vivamee-theme="neon-pro"] textarea::placeholder{
  color:#8ca4c6!important;
  opacity:1!important;
}

/* Botões */
html[data-vivamee-theme="viva-aurora"] .btn-primary,
html[data-vivamee-theme="social-dark"] .btn-primary,
html[data-vivamee-theme="neon-pro"] .btn-primary,
html[data-vivamee-theme="viva-aurora"] .primary-btn,
html[data-vivamee-theme="social-dark"] .primary-btn,
html[data-vivamee-theme="neon-pro"] .primary-btn,
html[data-vivamee-theme="viva-aurora"] button[type="submit"],
html[data-vivamee-theme="social-dark"] button[type="submit"],
html[data-vivamee-theme="neon-pro"] button[type="submit"],
html[data-vivamee-theme="viva-aurora"] .publish-btn,
html[data-vivamee-theme="social-dark"] .publish-btn,
html[data-vivamee-theme="neon-pro"] .publish-btn,
html[data-vivamee-theme="viva-aurora"] .create-btn,
html[data-vivamee-theme="social-dark"] .create-btn,
html[data-vivamee-theme="neon-pro"] .create-btn{
  background:linear-gradient(90deg, var(--vm-cyan) 0%, var(--vm-blue) 54%, var(--vm-pink) 100%)!important;
  border:0!important;
  color:white!important;
  box-shadow:0 13px 28px rgba(70,160,255,.30)!important;
  border-radius:999px!important;
}

html[data-vivamee-theme="viva-aurora"] button,
html[data-vivamee-theme="social-dark"] button,
html[data-vivamee-theme="neon-pro"] button,
html[data-vivamee-theme="viva-aurora"] .btn,
html[data-vivamee-theme="social-dark"] .btn,
html[data-vivamee-theme="neon-pro"] .btn{
  border-color:rgba(59,220,255,.25)!important;
  color:var(--vm-text)!important;
}

/* Tabelas/Listas */
html[data-vivamee-theme="viva-aurora"] table,
html[data-vivamee-theme="social-dark"] table,
html[data-vivamee-theme="neon-pro"] table,
html[data-vivamee-theme="viva-aurora"] tr,
html[data-vivamee-theme="social-dark"] tr,
html[data-vivamee-theme="neon-pro"] tr,
html[data-vivamee-theme="viva-aurora"] td,
html[data-vivamee-theme="social-dark"] td,
html[data-vivamee-theme="neon-pro"] td,
html[data-vivamee-theme="viva-aurora"] th,
html[data-vivamee-theme="social-dark"] th,
html[data-vivamee-theme="neon-pro"] th,
html[data-vivamee-theme="viva-aurora"] .list-group-item,
html[data-vivamee-theme="social-dark"] .list-group-item,
html[data-vivamee-theme="neon-pro"] .list-group-item{
  background:transparent!important;
  color:var(--vm-soft)!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* Footer */
html[data-vivamee-theme="viva-aurora"] footer,
html[data-vivamee-theme="social-dark"] footer,
html[data-vivamee-theme="neon-pro"] footer,
html[data-vivamee-theme="viva-aurora"] .site-footer,
html[data-vivamee-theme="social-dark"] .site-footer,
html[data-vivamee-theme="neon-pro"] .site-footer{
  background:linear-gradient(90deg, rgba(6,20,40,.94), rgba(28,9,48,.92))!important;
  border-top:1px solid var(--vm-border)!important;
  color:var(--vm-soft)!important;
}

/* Página de temas mantém previews, mas fundo geral escuro */
html[data-vivamee-theme="viva-aurora"] .theme-grid,
html[data-vivamee-theme="social-dark"] .theme-grid,
html[data-vivamee-theme="neon-pro"] .theme-grid,
html[data-vivamee-theme="viva-aurora"] .tema-grid,
html[data-vivamee-theme="social-dark"] .tema-grid,
html[data-vivamee-theme="neon-pro"] .tema-grid,
html[data-vivamee-theme="viva-aurora"] .theme-selector,
html[data-vivamee-theme="social-dark"] .theme-selector,
html[data-vivamee-theme="neon-pro"] .theme-selector{
  background:transparent!important;
}

/* Dropdown do perfil */
html[data-vivamee-theme="viva-aurora"] [class*="dropdown"],
html[data-vivamee-theme="social-dark"] [class*="dropdown"],
html[data-vivamee-theme="neon-pro"] [class*="dropdown"]{
  color:var(--vm-text)!important;
}

/* Media */
html[data-vivamee-theme="viva-aurora"] img,
html[data-vivamee-theme="social-dark"] img,
html[data-vivamee-theme="neon-pro"] img,
html[data-vivamee-theme="viva-aurora"] video,
html[data-vivamee-theme="social-dark"] video,
html[data-vivamee-theme="neon-pro"] video{
  border-radius:16px;
}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(5,18,36,.55)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--vm-cyan),var(--vm-blue));border-radius:999px}

/* Mobile */
@media(max-width:760px){
  :root{--vm-header-h:68px;--vm-radius:18px}
  html[data-vivamee-theme="viva-aurora"] header,
  html[data-vivamee-theme="social-dark"] header,
  html[data-vivamee-theme="neon-pro"] header{
    min-height:68px!important;
  }
}