/* ================================================================
   theme-fastbr.css — polish de componentes no estilo fastbrbet.io
   Carregado depois de app.css e public/css/app.css em header.php.
   ================================================================ */

/* ---------- CTA primário (botão amarelo com glow) ---------- */
.btn-primary,
.btn-cta,
.btn-deposit,
.btn-cadastrar,
button[data-action="deposit"],
.button.depositar,
.button-cadastrar {
  background: var(--default);
  color: var(--btn-link-color);
  box-shadow: 0 0 14px rgba(243, 235, 26, 0.35);
  transition: box-shadow .2s ease, background .2s ease;
}
.btn-primary:hover,
.btn-cta:hover,
.btn-deposit:hover,
.btn-cadastrar:hover,
.button.depositar:hover,
.button-cadastrar:hover {
  background: var(--btn-entrar-hover);
  box-shadow: 0 0 22px rgba(243, 235, 26, 0.55);
}

/* ---------- Botões secundários ---------- */
.btn-secondary,
.btn-sacar,
.button-sacar {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(243, 235, 26, 0.3);
}

/* ---------- Cards (saldo, perfil, transações) ---------- */
.card,
.balance-card,
.profile-card,
[data-card] {
  background: var(--card-default);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
}

/* ---------- Inputs ---------- */
input.form-input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"] {
  background: var(--input);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}
input.form-input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
  border-color: var(--default);
  box-shadow: 0 0 0 3px rgba(243, 235, 26, 0.15);
  outline: 0;
}

/* ---------- Header / brand glow ---------- */
.site-header,
header.main-header,
.header-pb {
  background: var(--black);
  border-bottom: 1px solid rgba(243, 235, 26, 0.2);
}
.site-header .logo,
header.main-header img.logo,
.brand_type-wrapper.logo img {
  filter: drop-shadow(0 0 8px rgba(243, 235, 26, 0.4));
}

/* ---------- Estados de bônus ---------- */
.btn-state-resgatado { background: var(--btn-resgatado); color: #000; }
.btn-state-resgatar  { background: var(--btn-resgatar);  color: #000; }

/* Override do .text-success do Bootstrap (era verde) — agora amarelo do tema */
.text-success {
  color: var(--default) !important;
}

/* ---------- Pattern de fundo do body (substitui pontilhado roxo do webflow) ---------- */
.eng-bg-wrapper,
.eng-bg-wrapper-2 {
  background-image:
    linear-gradient(to bottom, var(--black-25), var(--black-25)),
    linear-gradient(to bottom, transparent 74%, var(--black)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'><circle cx='1.5' cy='1.5' r='1.5' fill='%23F3EC1A' fill-opacity='0.12'/></svg>") !important;
}

.img-bg-wrapper {
  filter: hue-rotate(147deg);
}

/* ---------- Contraste em botões amarelos legacy ---------- */
.btn-color-1,
.btn-color-1 .text-block,
.btn-color-1 div,
.btn-color-1 span,
.btn-color-1 a {
  color: #000 !important;
}

/* ---------- Botão depositar do navbar mobile ---------- */
.depositar-nav {
  background-color: var(--default) !important;
  box-shadow: none !important;
}
.depositar-nav:hover {
  background-color: var(--btn-entrar-hover) !important;
  box-shadow: none !important;
}
.depositar-nav img,
.depositar-nav svg {
  filter: brightness(0);
}