/* ==========================================================================
   ECLIPSE ERA · pagina LOJA  (subtopic=shop, pages/shop.php)
   --------------------------------------------------------------------------
   O que este arquivo cobre (conferido contra o <style> de shop.php:956-1827
   e contra todo style="" da pagina, em 21/09/2026):

   1. Tokens locais --sh-* repintados no wrapper .bm-shop-page (fundos,
      tinta, linhas, dourado -> eterno). Cobre de uma vez todo uso por var().
   2. Todo fundo CLARO digitado em hex virou fundo escuro do tema: wrapper
      (#f6ecd6), abas, cards, slot da imagem (#161B26), busca, barra do
      carrinho, painel/linhas/resumo/entrega do carrinho, banner de colecao,
      painel e barra das Safiras, separadores, chips, modal "adicionar tudo",
      toast, extras, selos e botoes.
   3. Cores COM significado reacendidas com contraste medido: preco (eterno),
      saldo verde/laranja/vermelho, promocao (-%), NOVO (genesis), "voce ja
      possui" (ok), ataque x defesa das montarias (erro x ok), elemento de
      cada Safira (fio lateral + selo), sobra negativa, erro de sistema.
   4. Estilos inline sem !important (modal, banner de colecao, --sfc dos
      filtros) perdem para esta camada e foram cobertos aqui.
      O saldo (shop.php:1980) vem com color ... !important INLINE, que vence
      qualquer camada: coberto por -webkit-text-fill-color, lendo o hex pelo
      atributo style (o mesmo verde/laranja/vermelho de bm_shop_balance_color).

   So propriedades de pintura. NADA de display/position/tamanho/margem:
   o JS da loja liga e desliga aba, filtro, modal e carrinho por style.display.
   Contraste de cada par texto/fundo calculado pela formula WCAG 2.1.
   Menor par declarado: #E8776B sobre o hover vermelho do "Esvaziar"
   (#302A36) = 4,82:1.
   ========================================================================== */

@layer eclipse {

/* ---------------- 1. tokens locais + fundo do wrapper ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page{
  --sh-slot1:var(--ec-panel-2) !important;
  --sh-slot2:var(--ec-panel-3) !important;
  --sh-panel:linear-gradient(165deg, var(--ec-panel-2), var(--ec-panel)) !important;
  --sh-panel-2:var(--ec-panel-3) !important;
  --sh-panel-ink:var(--ec-silver) !important;
  --sh-panel-ink-soft:var(--ec-silver-2) !important;
  --sh-panel-line:var(--ec-line) !important;
  --sh-line:var(--ec-line) !important;
  --sh-line-soft:var(--ec-line-soft) !important;
  --sh-ink:var(--ec-silver) !important;
  --sh-ink-soft:var(--ec-silver-2) !important;
  --sh-gold:var(--ec-eternal) !important;
  --sh-gold-deep:var(--ec-eternal-txt) !important;
  --sh-gold-glow:rgba(193,150,100,.20) !important;
  --sh-serif:var(--ec-serif) !important;
  --sh-sans:var(--ec-sans) !important;
  --sh-shadow:0 12px 28px rgba(0,0,0,.40) !important;
  background:linear-gradient(180deg, var(--ec-panel) 0%, var(--ec-night) 100%) !important;
  color:var(--ec-silver-2) !important;
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page button:focus-visible,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page a:focus-visible{
  outline-color:var(--ec-crystal) !important;
}

/* ---------------- 2. cabecalho ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-eyebrow{
  color:var(--ec-crystal) !important;               /* 6,6:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-hero h1{
  color:var(--ec-silver) !important;                /* 15,3:1 */
  font-family:var(--ec-serif) !important;
  text-shadow:0 2px 18px rgba(0,0,0,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-hero p{
  color:var(--ec-silver-2) !important;              /* 9,9:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-hero::after{
  background:linear-gradient(90deg, transparent, var(--ec-chrome), transparent) !important;
}

/* ---------------- 3. mensagens do sistema ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-system-message{
  background:rgba(193,150,100,.08) !important;       /* ~#1E1D21 */
  border-color:rgba(193,150,100,.34) !important;
  color:var(--ec-silver-2) !important;               /* 8,9:1 */
  box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-system-message.is-error{
  background:rgba(232,119,107,.10) !important;       /* ~#261D23 */
  border-color:rgba(232,119,107,.45) !important;
  color:var(--ec-bad) !important;                    /* 5,7:1 */
}

/* ---------------- 4. card legado (.bm-info-card) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-info-card{
  background:linear-gradient(180deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-info-card h3{
  background:linear-gradient(165deg, var(--ec-panel-3), var(--ec-panel-2)) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver) !important;
}

/* ---------------- 5. abas ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tabs{
  background:var(--ec-night) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;               /* 9,1:1 */
  font-family:var(--ec-sans) !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab:hover{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;                 /* 13,1:1 */
  box-shadow:0 6px 14px rgba(0,0,0,.35) !important;
}
/* aba ativa: prata escovada, texto escuro */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-active,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-active:hover{
  background:linear-gradient(180deg, var(--ec-diamond), var(--ec-supreme)) !important;
  border-color:rgba(237,236,235,.55) !important;
  color:var(--ec-night) !important;                  /* 9,4:1 na ponta escura */
  box-shadow:0 4px 14px rgba(203,194,197,.16) !important;
}
/* Novidades: gema eterna (a unica aba "quente") */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-new-tab{
  background:linear-gradient(180deg, #1E1912, #14120E) !important;
  border-color:rgba(193,150,100,.55) !important;
  color:var(--ec-eternal-txt) !important;            /* 8,4:1 */
  box-shadow:inset 0 1px 0 rgba(237,236,235,.05), 0 2px 10px rgba(193,150,100,.12) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-new-tab:hover{
  background:linear-gradient(180deg, #262015, #17140F) !important;
  border-color:var(--ec-eternal-txt) !important;
  color:var(--ec-eternal-txt) !important;            /* 7,8:1 */
  box-shadow:0 6px 16px rgba(193,150,100,.18) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-new-tab::after{
  background:linear-gradient(115deg, transparent 38%, rgba(237,236,235,.14) 50%, transparent 62%) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-new-tab.is-active,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-new-tab.is-active:hover{
  background:linear-gradient(180deg, var(--ec-warn), var(--ec-eternal)) !important;
  border-color:rgba(227,195,143,.7) !important;
  color:#14100A !important;                           /* 7,1:1 na ponta escura */
  box-shadow:0 4px 14px rgba(193,150,100,.26) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-nov-star{
  color:var(--ec-eternal-txt) !important;             /* 8,4:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-active .bm-nov-star{
  color:#14100A !important;                           /* 7,1:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-nov-count{
  background:linear-gradient(180deg, var(--ec-eternal-txt), var(--ec-eternal)) !important;
  color:#14100A !important;                           /* 7,1:1 */
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.is-new-tab.is-active .bm-nov-count{
  background:#14100A !important;
  color:var(--ec-warn) !important;                    /* 11,3:1 */
}
/* aba em promocao: contorno vermelho; Safiras (tem-new): contorno verde */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.tem-promo{
  border-color:rgba(232,119,107,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.tem-promo.tem-new{
  border-color:rgba(95,191,143,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.tem-promo.is-active{
  border-color:var(--ec-bad) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab.tem-promo.tem-new.is-active{
  border-color:var(--ec-ok) !important;
}
/* selo -58% / -85% */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-tab-off{
  background:linear-gradient(180deg, var(--ec-bad), #D2604F) !important;
  color:#1A0B08 !important;                           /* 5,1:1 na ponta escura */
  border-color:#9E3B2C !important;
  box-shadow:0 2px 8px rgba(0,0,0,.45) !important;
  text-shadow:none !important;
}
/* faixinha "new" da aba Safiras (a animacao de brilho verde continua) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-tab .bm-tab-new{
  background:linear-gradient(135deg, #6FCB9C, #4FAE7F) !important;
  color:#06120C !important;                           /* 7,0:1 na ponta escura */
  text-shadow:none !important;
}

/* ---------------- 6. filtro ataque x defesa (montarias) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mount-filtro{
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mount-filtro-lbl{
  color:var(--ec-muted) !important;                   /* 6,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--ec-silver-2) !important;                /* 9,9:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn em{
  color:var(--ec-muted) !important;                   /* 6,2:1 (era opacity .5 = 3,4:1) */
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn:hover{
  background:rgba(69,164,205,.08) !important;
  border-color:rgba(69,164,205,.24) !important;
  color:var(--ec-silver) !important;                  /* 13,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn.is-active{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn.is-atk.is-active{
  background:rgba(232,119,107,.12) !important;
  border-color:rgba(232,119,107,.45) !important;
  color:var(--ec-bad) !important;                     /* 5,5:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn.is-def.is-active{
  background:rgba(95,191,143,.12) !important;
  border-color:rgba(95,191,143,.45) !important;
  color:var(--ec-ok) !important;                      /* 6,8:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn.is-atk.is-active em,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mf-btn.is-def.is-active em{
  color:inherit !important;
}

/* ---------------- 7. filtro de elementos (Safiras) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-filtro{
  background:var(--ec-night) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-filtro::-webkit-scrollbar-thumb{
  background:rgba(203,194,197,.22) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-filtro-lbl{
  color:var(--ec-muted) !important;                   /* 6,5:1 */
}
/* cor do chip ativo: tons fundos por elemento (vencem o --sfc inline) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="todas"]{ --sfc:var(--ec-line-hi) !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="especial"]{ --sfc:#7A5A2E !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="physical"]{ --sfc:#5C554D !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="death"]{ --sfc:#4A3E4F !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="holy"]{ --sfc:#735818 !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="fire"]{ --sfc:#8E3323 !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="energy"]{ --sfc:#633C8C !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="ice"]{ --sfc:#245E80 !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn[data-saf-filtro="earth"]{ --sfc:#3F6023 !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--ec-silver-2) !important;                /* 10,3:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn em{
  color:var(--ec-muted) !important;                   /* 6,5:1 (era opacity .5) */
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn:hover{
  background:rgba(230,233,240,.06) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver) !important;                  /* 14,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn.is-active,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn.is-active:hover{
  background:var(--sfc) !important;
  border-color:rgba(230,233,240,.14) !important;
  color:#F4F6FA !important;                           /* 5,8:1 (pior: especial) a 9,3:1 */
  box-shadow:0 2px 8px rgba(0,0,0,.40) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-sf-btn.is-active em{
  color:#F4F6FA !important;
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-saibamais{
  color:var(--ec-crystal) !important;                 /* 6,9:1 */
  background:transparent !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-saibamais:hover{
  color:var(--ec-crystal-hi) !important;              /* 8,6:1 */
  background:rgba(69,164,205,.08) !important;
}

/* ---------------- 8. painel de progresso das Safiras ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-progresso{
  background:linear-gradient(165deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  font-family:var(--ec-sans) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-tit{
  color:var(--ec-silver) !important;                  /* 14,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-tit strong{
  color:var(--ec-warn) !important;                    /* 10,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-tit strong.tot{
  color:var(--ec-ok) !important;                      /* 7,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-tit .sub,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-tit .sub span{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-barra{
  background:var(--ec-void) !important;
  box-shadow:inset 0 0 0 1px var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-barra i{
  background:linear-gradient(90deg, var(--ec-crystal), var(--ec-crystal-hi)) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-acoes label{
  color:var(--ec-silver) !important;                  /* 14,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-acoes button{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-acoes button:hover{
  background:#232A3A !important;
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;                  /* 11,8:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pr-falta{
  border-color:var(--ec-line-soft) !important;
}

/* ---------------- 9. chips "o que falta" (colecao e Safiras) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bmcoll-tit{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bmcoll-tit span{
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bmcoll-chip{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bmcoll-chip:hover{
  background:#232A3A !important;
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;                  /* 11,8:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bmcoll-chip b{
  color:var(--ec-eternal-txt) !important;             /* 7,7:1 (6,9:1 no hover) */
}

/* ---------------- 10. banner de colecao (outfits/montarias) ----------------
   Tudo aqui vem em style="" SEM !important (shop.php:2069-2094): a camada vence. */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress{
  background:linear-gradient(165deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  font-family:var(--ec-sans) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress *{
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollLabel{
  color:var(--ec-silver) !important;                  /* 14,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollCount{
  color:var(--ec-warn) !important;                    /* 10,2:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollTotal{
  color:var(--ec-ok) !important;                      /* 7,7:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress span[style*="font-size:11px"],
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress span[style*="font-size:11px"] *{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress div[style*="#1a0a03" i]{
  background:var(--ec-void) !important;               /* trilho da barra */
  box-shadow:inset 0 0 0 1px var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollBar{
  background:linear-gradient(90deg, var(--ec-crystal), var(--ec-crystal-hi)) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress label{
  color:var(--ec-silver) !important;                  /* 14,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollMissingBtn{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollMissingBtn:hover{
  background:#232A3A !important;
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;                  /* 11,8:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress #bmCollMissingList{
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress .bmcoll-tit{
  color:var(--ec-muted) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress .bmcoll-tit span{
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress .bmcoll-chip{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress .bmcoll-chip:hover{
  background:#232A3A !important;
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCollProgress .bmcoll-chip b{
  color:var(--ec-eternal-txt) !important;
}

/* ---------------- 11. busca ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-find{
  background:var(--ec-night) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-find span{
  color:var(--ec-crystal) !important;                 /* 6,9:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-find span.is-empty{
  color:var(--ec-bad) !important;                     /* 6,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-find button{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-find button:hover{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
}

/* ---------------- 12. barra do carrinho (saldo + botoes) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip{
  background:linear-gradient(180deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-balance{
  border-color:var(--ec-line-soft) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-balance small{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
/* SALDO: o PHP escreve color:#hex !important INLINE (shop.php:1980), que vence
   qualquer camada. -webkit-text-fill-color pinta o texto por cima da cor.
   Le o hex pelo atributo style pra manter o significado: >100 verde,
   50-99 laranja, <50 vermelho. Hex desconhecido cai no prata (legivel). */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-balance strong{
  -webkit-text-fill-color:var(--ec-silver) !important;   /* 14,2:1 */
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-balance strong[style*="#2e7d32" i]{
  -webkit-text-fill-color:var(--ec-ok) !important;       /* 7,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-balance strong[style*="#c9861a" i]{
  -webkit-text-fill-color:var(--ec-warn) !important;     /* 10,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-balance strong[style*="#a3462f" i]{
  -webkit-text-fill-color:var(--ec-bad) !important;      /* 6,0:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-count{
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-cart-strip .bm-shop-count strong{
  color:var(--ec-eternal-txt) !important;
}
/* Carrinho: acao principal = prata escovada */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartToggle{
  background:linear-gradient(180deg, var(--ec-diamond), var(--ec-supreme)) !important;
  border-color:rgba(237,236,235,.55) !important;
  color:var(--ec-night) !important;                   /* 9,4:1 na ponta escura */
  text-shadow:none !important;
  box-shadow:0 6px 18px rgba(0,0,0,.40) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartToggle:hover{
  background:linear-gradient(180deg, #FFFFFF, var(--ec-chrome)) !important;
  border-color:var(--ec-diamond) !important;
  color:var(--ec-night) !important;                   /* 11,2:1 */
  box-shadow:0 8px 22px rgba(0,0,0,.45), 0 0 18px rgba(203,194,197,.14) !important;
}
/* icone do carrinho: segue o texto escuro (senao a rede de seguranca poria
   prata sobre prata quando o sistema desenha o emoji monocromatico) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartToggle .bmc-ico{
  color:inherit !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartToggle .bmc-badge{
  background:var(--ec-panel-3) !important;
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartToggle.has-items .bmc-badge{
  background:var(--ec-crystal) !important;
  color:var(--ec-void) !important;                    /* 7,1:1 */
}
/* "So o que falta" / "Tudo da aba" (a regra base deles no shop.php nem
   chega a valer - ver comentario no fim) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-addbtn{
  background:transparent !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-addbtn:hover{
  background:rgba(230,233,240,.06) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 12,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-addbtn.is-primary{
  background:rgba(69,164,205,.12) !important;
  border-color:rgba(69,164,205,.42) !important;
  color:var(--ec-crystal-hi) !important;              /* 7,0:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-addbtn.is-primary:hover{
  background:rgba(69,164,205,.22) !important;
  border-color:var(--ec-crystal) !important;
  color:var(--ec-silver) !important;                  /* 9,9:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-addbtn .bmc-ico{
  color:inherit !important;
  opacity:.85 !important;
}

/* ---------------- 13. modal "Adicionar tudo da aba" ----------------
   Inline sem !important (shop.php:1990-1997) + <style> local unlayered. */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddAllModal{
  background:rgba(6,7,10,.72) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddAllModal > div{
  background:linear-gradient(180deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver-2) !important;
  font-family:var(--ec-sans) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.60), inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddAllModal #bmAddAllTitulo{
  color:var(--ec-silver) !important;                  /* 14,2:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddAllModal #bmAddAllInfo{
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddAllModal #bmAddAllInfo strong{
  color:var(--ec-eternal-txt) !important;             /* 8,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddAllModal #bmAddAllInfo span{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-modal-btn.bm-modal-btn{
  background:transparent !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-modal-btn.bm-modal-btn:hover{
  background:rgba(230,233,240,.06) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 12,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-modal-btn.bm-modal-btn.is-primary{
  background:rgba(69,164,205,.12) !important;
  border-color:rgba(69,164,205,.42) !important;
  color:var(--ec-crystal-hi) !important;              /* 7,0:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-modal-btn.bm-modal-btn.is-primary:hover{
  background:rgba(69,164,205,.22) !important;
  border-color:var(--ec-crystal) !important;
  color:var(--ec-silver) !important;                  /* 9,9:1 */
}

/* ---------------- 14. grade de ofertas: o card ----------------
   Borda por custom property: --shbd pinta os 4 lados e --shacc so o fio
   lateral (montaria atk/def e elemento da Safira). Assim o hover acende a
   borda sem apagar o fio colorido. */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer{
  --shbd:var(--ec-line-soft) !important;
  background:linear-gradient(180deg, var(--ec-panel) 0%, var(--ec-night) 100%) !important;
  border-color:var(--shbd) var(--shbd) var(--shbd) var(--shacc, var(--shbd)) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer:hover{
  --shbd:var(--ec-line-hi) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.45), 0 0 0 1px rgba(203,194,197,.05) !important;
}
/* card de item ja possuido: no bege era opacity .72; no escuro isso derrubava
   o rotulo e o selo de ataque pra 3,6-3,8:1. Com .90 o pior par fica 4,8:1
   (selo de ataque) e o card continua visivelmente apagado. */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer.ja-possui{
  opacity:.9 !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer.ja-possui:hover{
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer.bm-shop-extra{
  background:linear-gradient(180deg, var(--ec-panel) 0%, var(--ec-night) 100%) !important;
}
/* slot da imagem: #161B26 (sprite com contorno preto continua visivel) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer-img{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer-img span{
  color:var(--ec-muted) !important;                   /* "BM" 20px bold: 5,7:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer:not([data-saf-grupo="especial"]) .bm-shop-offer-img img{
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.50)) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer h4{
  color:var(--ec-silver) !important;                  /* 15,3:1 */
  font-family:var(--ec-serif) !important;
  -webkit-text-fill-color:currentColor !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer p{
  color:var(--ec-silver-2) !important;                /* 9,9:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-meta span{
  color:var(--ec-muted) !important;                   /* 6,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-meta strong{
  color:var(--ec-eternal-txt) !important;             /* preco: 9,0:1 */
  font-family:var(--ec-serif) !important;
}
/* selo NOVO: gema Genesis escurecida (a pura com branco ficaria no limite) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-new-badge{
  background:linear-gradient(90deg, #8526BF, #9B30DA) !important;
  color:#FFFFFF !important;                           /* 5,5:1 na ponta clara */
  box-shadow:0 3px 10px rgba(0,0,0,.50), 0 0 12px rgba(173,56,239,.25) !important;
  text-shadow:none !important;
}
/* selo de posse: cinza = falta, verde = ja possui */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-own-badge{
  background:var(--ec-panel-3) !important;
  color:var(--ec-muted) !important;                   /* 5,3:1 */
  border-color:var(--ec-line) !important;
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-own-badge.is-owned{
  background:linear-gradient(135deg, #6FCB9C, #4FAE7F) !important;
  color:#06120C !important;                           /* 7,0:1 */
  border-color:rgba(0,0,0,.25) !important;
  box-shadow:0 2px 8px rgba(95,191,143,.35) !important;
}

/* ---------------- 15. botoes dos cards e do checkout ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button{
  background:linear-gradient(180deg, #232A3A, var(--ec-panel-3)) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 11,8:1 */
  font-family:var(--ec-sans) !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.06) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button:hover{
  background:linear-gradient(180deg, #2A3244, #232A3A) !important;
  border-color:var(--ec-chrome) !important;
  color:#FFFFFF !important;                           /* 12,8:1 */
  box-shadow:0 8px 16px rgba(0,0,0,.40) !important;
}
/* Adicionar (acao do card): gema cristal, discreta nas 434 ofertas */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-add-cart{
  background:rgba(69,164,205,.14) !important;
  border-color:rgba(69,164,205,.45) !important;
  color:var(--ec-crystal-hi) !important;              /* 7,4:1 */
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-add-cart:hover{
  background:rgba(69,164,205,.30) !important;
  border-color:var(--ec-crystal) !important;
  color:#FFFFFF !important;                           /* 11,3:1 */
  box-shadow:0 8px 16px rgba(69,164,205,.18) !important;
}
/* Em breve (travado) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-shop-locked-btn,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-shop-locked-btn:hover{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line-soft) !important;
  color:var(--ec-muted) !important;                   /* 5,3:1 */
  box-shadow:none !important;
  opacity:1 !important;
}
/* Finalizar compra / Fazer login: prata escovada */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-cart-fechar,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-login-shop-link{
  background:linear-gradient(180deg, var(--ec-diamond), var(--ec-supreme)) !important;
  border-color:rgba(237,236,235,.55) !important;
  color:var(--ec-night) !important;                   /* 9,4:1 na ponta escura */
  text-shadow:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.40) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-cart-fechar:hover,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-login-shop-link:hover{
  background:linear-gradient(180deg, #FFFFFF, var(--ec-chrome)) !important;
  border-color:var(--ec-diamond) !important;
  color:var(--ec-night) !important;                   /* 11,2:1 */
}
/* desabilitado ("Carrinho vazio" / "Saldo insuficiente"): legivel, sem opacidade */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-cart-fechar[disabled],
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-form-button.bm-cart-fechar[disabled]:hover{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-muted) !important;                   /* 5,3:1 */
  box-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
}

/* ---------------- 16. selos de montaria (ataque x defesa) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mount-tag.is-atk{
  background:rgba(232,119,107,.10) !important;
  border-color:rgba(232,119,107,.42) !important;
  color:var(--ec-bad) !important;                     /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mount-tag.is-def{
  background:rgba(95,191,143,.10) !important;
  border-color:rgba(95,191,143,.42) !important;
  color:var(--ec-ok) !important;                      /* 7,1:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-mount-tag b{
  color:inherit !important;                           /* o numero sai na cor do selo */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-mount="atk"]{ --shacc:rgba(232,119,107,.50) !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-mount="def"]{ --shacc:rgba(95,191,143,.50) !important; }

/* ---------------- 17. Safiras nos cards ---------------- */
/* fio lateral por elemento */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="fire"]{ --shacc:#E0603E !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="ice"]{ --shacc:var(--ec-crystal) !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="earth"]{ --shacc:#6FA83E !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="energy"]{ --shacc:var(--ec-genesis) !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="holy"]{ --shacc:#D9A441 !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="death"]{ --shacc:#8A7594 !important; }
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="physical"]{ --shacc:#A0958A !important; }
/* Destaques (Vida/Mana/Exp/Loot): borda inteira eterna + fundo quente */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="especial"]{
  --shbd:rgba(193,150,100,.55) !important;
  background:linear-gradient(180deg, #1E1A13 0%, #111217 100%) !important;
  box-shadow:0 0 0 1px rgba(193,150,100,.14), 0 8px 22px rgba(0,0,0,.30), 0 0 18px rgba(193,150,100,.08) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="especial"]:hover{
  --shbd:rgba(212,174,126,.80) !important;
}
/* Safira completa (100/100): borda verde nos 4 lados, como no bege */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer:has(.bm-saf-prog.is-full){
  --shbd:rgba(95,191,143,.50) !important;
  --shacc:rgba(95,191,143,.50) !important;
  box-shadow:0 0 0 1px rgba(95,191,143,.18) inset, 0 8px 22px rgba(0,0,0,.28) !important;
}
/* selo do elemento (texto claro por elemento, medido sobre o card) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-tag{
  background:rgba(230,233,240,.04) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="fire"] .bm-saf-tag{ color:#F08B6E !important; border-color:rgba(240,139,110,.40) !important; }      /* 7,0:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="ice"] .bm-saf-tag{ color:var(--ec-crystal-hi) !important; border-color:rgba(111,190,224,.40) !important; } /* 8,2:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="earth"] .bm-saf-tag{ color:#9CCB6E !important; border-color:rgba(156,203,110,.40) !important; }     /* 9,1:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="energy"] .bm-saf-tag{ color:var(--ec-genesis-txt) !important; border-color:rgba(194,123,243,.40) !important; } /* 6,0:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="holy"] .bm-saf-tag{ color:var(--ec-warn) !important; border-color:rgba(227,195,143,.40) !important; }     /* 10,1:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="death"] .bm-saf-tag{ color:#BBAAC4 !important; border-color:rgba(187,170,196,.40) !important; }     /* 7,8:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-grupo="physical"] .bm-saf-tag{ color:#C9BFB2 !important; border-color:rgba(201,191,178,.40) !important; }  /* 9,4:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-papel="life"] .bm-saf-tag{ color:#F2898A !important; border-color:rgba(242,137,138,.40) !important; }      /* 6,6:1 no card quente */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-papel="mana"] .bm-saf-tag{ color:#A4AEF7 !important; border-color:rgba(164,174,247,.40) !important; }      /* 7,5:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-papel="exp"] .bm-saf-tag{ color:#6FD0C6 !important; border-color:rgba(111,208,198,.40) !important; }       /* 8,7:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-offer[data-saf-papel="loot"] .bm-saf-tag{ color:var(--ec-warn) !important; border-color:rgba(227,195,143,.40) !important; } /* 9,4:1 */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-pack{
  color:var(--ec-silver-2) !important;                /* 9,9:1 */
  border-color:rgba(203,194,197,.35) !important;
  background:transparent !important;
}
/* progresso dentro do card */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-prog-barra{
  background:rgba(230,233,240,.08) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-prog-barra i{
  background:linear-gradient(90deg, var(--ec-crystal), var(--ec-crystal-hi)) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-prog-txt{
  color:var(--ec-muted) !important;                   /* 6,2:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-prog.is-full .bm-saf-prog-barra i{
  background:linear-gradient(135deg, #6FCB9C, #4FAE7F) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-prog.is-full .bm-saf-prog-txt{
  color:var(--ec-ok) !important;                      /* 8,3:1 */
}
/* separadores "Pacotes de 100" / "Avulsas" */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep{
  background:linear-gradient(100deg, var(--ec-panel-3), var(--ec-panel) 62%) !important;
  border-color:var(--ec-line) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep.is-pack{
  background:linear-gradient(100deg, #221D15, var(--ec-panel) 62%) !important;
  border-color:rgba(193,150,100,.50) !important;
}
/* icone do separador: a ponta #8F6C43 dava 3,96:1 com o #14100A (reprovava).
   Agora vai de --ec-warn a --ec-eternal: pior ponta 7,05:1. */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep .ico{
  background:linear-gradient(135deg, var(--ec-warn), var(--ec-eternal)) !important;
  color:#14100A !important;                           /* 7,05:1 na ponta escura */
  box-shadow:0 2px 8px rgba(0,0,0,.45) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep b{
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep em{
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep .marca{
  background:rgba(193,150,100,.10) !important;
  border-color:rgba(193,150,100,.42) !important;
  color:var(--ec-eternal-txt) !important;             /* 6,6:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-saf-sep.is-pack .marca{
  background:linear-gradient(135deg, #6FCB9C, var(--ec-ok)) !important;
  border-color:transparent !important;
  color:#06120C !important;                           /* 8,5:1 */
}

/* ---------------- 18. extras (trocar nome, unban...) ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-shop-extra-form label{
  color:var(--ec-silver-2) !important;                /* 9,9:1 */
}
/* select/input: o nucleo ja pinta de escuro (fundo rgba(6,7,10,.7), texto prata) */

/* ---------------- 19. painel do carrinho ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-panel{
  background:rgba(6,7,10,.72) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-panel-inner{
  background:linear-gradient(180deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  box-shadow:0 30px 70px rgba(0,0,0,.60), inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-panel-inner h3{
  background:linear-gradient(165deg, var(--ec-panel-3), var(--ec-panel-2)) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-panel-inner h3 .bm-cart-title{
  color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-card{
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ec-silver-2) !important;
}
/* Esvaziar / fechar (x) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartClear{
  background:transparent !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartClear:hover{
  background:rgba(232,119,107,.10) !important;
  border-color:rgba(232,119,107,.60) !important;
  color:var(--ec-bad) !important;                     /* 4,8:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartClose{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmCartClose:hover{
  background:var(--ec-line-hi) !important;
  border-color:var(--ec-chrome) !important;
  color:#FFFFFF !important;                           /* 9,8:1 */
}
/* linha de item */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line-soft) var(--ec-line-soft) var(--ec-line-soft) var(--ec-eternal) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row:hover{
  border-color:var(--ec-line) var(--ec-line) var(--ec-line) var(--ec-eternal-txt) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row .bmcr-nome{
  color:var(--ec-silver) !important;                  /* 13,1:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row .bmcr-unit{
  color:var(--ec-muted) !important;                   /* 5,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row .bmcr-sub{
  color:var(--ec-eternal-txt) !important;             /* 7,7:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row .bmcr-qtd{
  background:var(--ec-night) !important;
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row .bmcr-num{
  color:var(--ec-silver) !important;                  /* 16,0:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row button.bmcr-btn{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--ec-silver-2) !important;                /* 10,3:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row button.bmcr-btn:hover{
  background:var(--ec-panel-3) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row button.bmcr-x{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--ec-muted) !important;                   /* 5,3:1 */
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-row button.bmcr-x:hover{
  background:rgba(232,119,107,.10) !important;
  color:var(--ec-bad) !important;                     /* 4,8:1 */
}
/* carrinho vazio */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-vazio p{
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-vazio small{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-vazio small b{
  color:var(--ec-silver) !important;
}
/* resumo */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-resumo{
  background:var(--ec-night) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-linha span{
  color:var(--ec-silver-2) !important;                /* 10,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-linha strong{
  color:var(--ec-silver) !important;                  /* 16,0:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-linha.is-sobra{
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-linha.is-sobra strong{
  color:var(--ec-eternal-txt) !important;             /* 9,4:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-linha.is-negativa strong,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-linha.is-negativa span::after{
  color:var(--ec-bad) !important;                     /* 6,7:1 */
}
/* entrega */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-entrega{
  background:var(--ec-night) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-entrega-tit{
  color:var(--ec-muted) !important;                   /* 6,5:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-card label,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-radio-line,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-radio-line span,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-gift{
  color:var(--ec-silver-2) !important;                /* 10,3:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-radio-line input{
  accent-color:var(--ec-crystal) !important;
}
/* estrutura antiga do carrinho (ainda no CSS, fora do HTML atual) */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-total{
  background:var(--ec-night) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-total strong,
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page .bm-cart-card > p strong{
  color:var(--ec-eternal-txt) !important;
}

/* ---------------- 20. toast "adicionado ao carrinho" ---------------- */
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddToast{
  background:linear-gradient(180deg, var(--ec-panel-3), var(--ec-panel)) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  box-shadow:0 14px 30px rgba(0,0,0,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddToast #bmAddToastText{
  color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddToast strong{
  color:var(--ec-crystal-hi) !important;              /* 7,7:1 */
}
html[data-tema="eclipse"] body.bm-page-shop .bm-shop-page.bm-shop-page #bmAddToast .bm-add-toast-check{
  background:var(--ec-ok) !important;
  color:#06120C !important;                           /* 8,5:1 */
}

/* --------------------------------------------------------------------------
   NOTA: shop.php:1570 tem um "}" sobrando depois do @media(max-width:640px).
   Pela regra do CSS ele vira parte do seletor seguinte, e a regra base de
   .bm-shop-addbtn (shop.php:1576-1586: padding, raio, fonte) e descartada
   pelo navegador - nos dois temas. Aqui so pinto; o conserto e no PHP.
   -------------------------------------------------------------------------- */

} /* fim @layer eclipse */