/*! Desenvolvido por miza · Telegram: https://t.me/bydosmenor */
/* Selos e textos do modo demo. Carregado pelo site (index.html) e pelo jogo (game/index.html).
   Para trocar a cor de um selo, altere só a seção dele. Depois de editar, suba o ?v= do demo.css
   em index.html e em /www/src/empilhawin.com/game/index.html (e rode o build.js). */


/* 1) Etiqueta "DEMO" sobre o saldo no topo do site
      (.bal-demo: demo sem login / tutorial; .conta-tag: conta demo logada) */
.demo-tag {
  position: absolute; top: -8px; right: -6px; padding: 2px 6px; border-radius: 999px;
  font-size: 9px; font-weight: 900; line-height: 1.2; letter-spacing: .8px; pointer-events: none;
  color: #ff2fa7;
  background: #971355;
  border: 1px solid rgba(255, 214, 236, .55);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}
.conta-tag { display: none; }
html.conta-demo .conta-tag { display: none; }


/* 2) "Saldo demo" no Meu Perfil (.wallet) e no menu lateral (.dr-bal) */
.wallet .saldo-demo {
  color: #cf8eb3;
  font-size: 13px;
  display: none
}
.dr-bal .saldo-demo {
  color: #cf8eb3;
  font-size: 12px;
  font-weight: 700;
  display: none
}


/* 3) Placar "Ganhos demo" dentro do jogo (canto superior esquerdo) */
#aposta-ganhos.cw.demo .rotulo {
  color: rgba(255, 255, 255, .78);
}
#aposta-ganhos.cw.demo .valor {
  color: #fff;
}
#aposta-ganhos.cw.demo {
  background: rgba(187, 30, 109, .38);
}


/* 4) Selo "DEMO · Saldo fictício" na tela de vitória do jogo */
#cw-vitoria .cv-tag {
  display: none; margin: 0 auto 6px; width: max-content; padding: 3px 10px; border-radius: 999px;
  font-size: 10px; font-weight: 900; letter-spacing: 1.2px;
  color: #ff2fa7;
  background: rgba(255, 214, 236, .12);
  border: 1px solid rgba(255, 214, 236, .35);
}
#cw-vitoria.demo .cv-tag { display: none; }


/* 5) "DEMO" nas partidas demo do Histórico de jogos (ao lado da data) */
.item .hist-demo {
  color: #c78eae;
  font-weight: 400;
}


/* 6) Botão "Verificar sorteio" do Histórico. Só aparece nas partidas valendo saldo real:
      nas partidas demo ele não é gerado, porque o caminho da demo não segue o sorteio. */
.fair-ver {
  margin-top: 6px; padding: 4px 10px; border-radius: 999px; font-family: inherit; font-size: 11px; font-weight: 600; cursor: pointer;
  color: inherit;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .18);
}