/* =====================================================================
   GALAXY — PERFORMANCE + SELO DAS NOTÍCIAS (carregar POR ÚLTIMO)
   Mantém o visual do template; tira só o que pesa na navegação.
   ===================================================================== */

/* ---------- 1) SELO LARANJA (GUIA BOSS E INVASÃO etc): legível e maior ---------- */
html body #ecos .posts .posts-title > div > *:not(a) {
  font-family: var(--font-head, 'Space Grotesk', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  line-height: 1.15 !important;
  padding: 8px 16px !important;
  color: #1b1000 !important;               /* texto escuro sobre o laranja = contraste alto */
  text-shadow: none !important;
  white-space: nowrap !important;
  text-transform: uppercase;
  box-shadow: 0 2px 10px rgba(255, 140, 20, .28) !important;
}
/* título da notícia um pouco maior e mais nítido */
html body #ecos .posts .posts-title > div > a { font-size: 19px !important; font-weight: 700 !important; letter-spacing: .01em; }
html body #ecos .posts .posts-created { font-size: 13px !important; color: #a9b6cb !important; }

/* aba ativa e inativas: texto maior/legível */
html body #ecos .posts > .nav-tabs .nav-link { font-size: 15px !important; color: #c4d2e6 !important; }
html body #ecos .posts > .nav-tabs .nav-link.active { color: #03121a !important; }

@media (max-width: 900px) {
  html body #ecos .posts .posts-title > div > *:not(a) { font-size: 13px !important; padding: 7px 13px !important; white-space: normal !important; }
  html body #ecos .posts .posts-title > div > a { font-size: 17px !important; }
}

/* ---------- 2) TROCA DE ABA INSTANTÂNEA (sem fade/transform) ---------- */
#ecos .posts .tab-pane, #ecos .posts .tab-pane.fade { transition: none !important; animation: none !important; }
html body #ecos .posts > .nav-tabs .nav-link {
  transition: color .12s, background-color .12s, border-color .12s !important;
  transform: none !important;
  box-shadow: none !important;
}
html body #ecos .posts > .nav-tabs .nav-link.active { box-shadow: 0 0 0 1px rgba(63, 208, 255, .35) !important; }
html body #ecos .posts > .nav-tabs .nav-link::after { transition: none !important; }
html body #ecos .posts-post, html body #ecos .posts-title { transition: none !important; }

/* ---------- 3) BLUR (backdrop-filter) é o que mais pesa: remove nos cards/boxes ---------- */
.card, .box, .sidebar .box, .lp-sys, .lp-stat, .lp-dl-card, .lp-btn-ghost, .ai-card,
#ecos .posts > .nav-tabs {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.card { background: rgba(14, 18, 26, .96) !important; }
/* modais mantêm um blur leve só enquanto abertos */
.modal-content, .swal2-popup, .popover, .dropdown-menu {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  background: rgba(14, 16, 20, .98) !important;
}

/* ---------- 4) ANIMAÇÕES INFINITAS PESADAS: desligadas ---------- */
.hero .ray, .hero .bolt, .fx-planet, .fx-surface::before,
.logo-fx::before, .logo-fx::after, .ai-card:hover::after {
  animation: none !important; display: none !important;
}
.logo-fx { animation: none !important; will-change: auto !important; }
.hero-logo img.logo, .logo-fx-footer .footer-logo-img { animation: none !important; }
.fx-stars, body::after { animation: none !important; }
.fx-lightning, .fx-flash { display: none !important; }       /* raios JS do topo */

/* ---------- 5) Seções abaixo da dobra só renderizam quando chegam perto ---------- */
#rankings-home, #invasoes, .lp-supporters, .lp-invasoes, footer.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: 1px 520px;
}

/* ---------- 6) Quem pede menos movimento não carrega efeito nenhum ---------- */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }