/* ==========================================================================
   ANIMAÇÕES DOS TEMAS (Halloween, Natal...) — escolha de cada pessoa no
   menu do perfil (localStorage 'animacoes': off | leve | completo).
   Vale SÓ para os enfeites dos temas. As animações do próprio sistema
   (carregando, cartões, gráficos, números, modais) continuam sempre iguais.

   - Completo  : enfeites como sempre foram.
   - Leve      : <html class="modo-leve">  — enfeites simples (balançar,
                 piscar devagar, pouca neve). Sem bichos voando, névoa,
                 relâmpago, bordas escuras nem brilhos pesados.
   - Desligado : <html class="modo-leve anim-off"> — enfeites aparecem, mas
                 parados.
   ========================================================================== */

/* ---------------------------- LEVE (e Desligado) ---------------------------- */

/* Camadas de tela cheia por cima do conteúdo: somem */
html.modo-leve :is(.hw-fundo, .hw-raio, .hw-vinheta, .hw-morcego, .hw-fantasma, .hw-nevoa) { display: none !important; }

/* Brilhos que repintam a tela a cada quadro: parados */
html.modo-leve :is(.hw-olhos, .hw-chama, .nt-luz-arvore, .nt-estrela-topo) { animation: none !important; }

/* Brilho com filtro (drop-shadow) nas abóboras: custa caro ao rolar */
html.modo-leve :is(.hw-pendurada .abobora, .hw-hero-deco .abobora) { filter: none !important; }

/* Pisca-pisca do Natal: só 1 em cada 4 lâmpadas, acendendo/apagando sem filtro */
html.modo-leve .nt-lampada { animation-name: ntPiscarLeve !important; animation-duration: 2.4s !important; }
html.modo-leve .nt-lampada:not(.l2) { animation: none !important; }
@keyframes ntPiscarLeve { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }

/* Banner com tema: menos estrelas piscando (1 em cada 4) */
html.modo-leve body:not(.tema-padrao) .cosmic-hero-bg .cz-star:not(:nth-child(4n)) { animation: none !important; }

/* ---------------------------- DESLIGADO ---------------------------- */
/* Enfeites do tema parados (continuam aparecendo) */
html.anim-off :is(
  .hw-aranha, .hw-pendurada, .hw-hero-deco, .hw-hero-deco *, .hw-chapeu, .hw-teia-mini, .hw-gota,
  .nt-pendurada, .nt-luzes *, .nt-hero-deco, .nt-hero-deco *, .nt-gorro, .nt-azevinho, .nt-neve-topo
) { animation: none !important; }
html.anim-off .nt-floco { display: none !important; }
/* banner com tema: estrelas e lua paradas */
html.anim-off body:not(.tema-padrao) .cosmic-hero-bg * { animation: none !important; }
html.anim-off body:not(.tema-padrao) .cz-chip .dot { animation: none !important; }