/* Cores dinâmicas do admin — sobrescreve o front clonado (Vue scoped com hex fixo) */
:root {
    --theme-primary-color: #34a76b;
    --theme-secondary-color: #34a76b;
    --theme-primary-rgb: 52, 167, 107;
    --theme-secondary-rgb: 52, 167, 107;
    --primary-color: #34a76b;
    --secondary-color: #34a76b;
    --primary-rgb: 52, 167, 107;
    --secondary-rgb: 52, 167, 107;
}

/* Hero do jogo — contorno do card (bundle fixa azul #3b82f6 em data-v-13e05771) */
.hero-game-card[data-v-13e05771] {
    background: linear-gradient(135deg, #34a76b, #34a76b) !important;
    background-image: linear-gradient(135deg, #34a76b, #34a76b) !important;
    box-shadow: 0 20px 50px -10px rgba(52, 167, 107, 0.5) !important;
}

.games-page[data-v-13e05771],
.hero-section[data-v-13e05771] {
    --primary-color: #34a76b !important;
    --secondary-color: #34a76b !important;
}

/* Botões e barras com gradiente */
.play-btn,
[class*="play-btn"],
.test-btn.single-btn,
.btn-deposit,
.btn-register,
.btn-primary,
.btn-success,
.register-button,
.submit-btn,
.apply-btn,
.start-button,
.mobile-deposit-btn,
.mobile-register-btn,
.register-btn,
.hero-game-card,
.presell-notice,
.winner-avatar-ring,
.loading-spinner,
.section-separator,
.winner-item,
.amount-button.active,
.value-button.active,
.modal-box,
[class*="btn-deposit"],
[class*="btn-register"],
[class*="btn-primary"],
[class*="submit-btn"],
[class*="register-button"],
[class*="apply-btn"],
[class*="start-button"] {
    background-image: linear-gradient(135deg, #34a76b, #34a76b) !important;
    background-color: #34a76b !important;
    border-color: #34a76b !important;
    box-shadow: 0 4px 14px rgba(52, 167, 107, 0.35) !important;
}

/* ENTRAR: outline neutro (sem fundo branco) */
.btn-login,
.login-btn,
.mobile-login-btn {
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}

.btn-login:hover,
.login-btn:hover,
.mobile-login-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: none !important;
}

/* PEGAR BÔNUS: fundo branco + texto Cor Principal */
.promo-button,
[class*="promo-button"] {
    background: #ffffff !important;
    background-image: none !important;
    color: #34a76b !important;
    border: none !important;
    box-shadow: none !important;
}

.promo-button:hover,
[class*="promo-button"]:hover {
    background: #f5f5f5 !important;
    background-image: none !important;
    color: #34a76b !important;
}

.promo-bar,
[class*="promo-bar"] {
    background-image: linear-gradient(90deg, #34a76b, #34a76b) !important;
    background-color: #34a76b !important;
}

.test-btn,
[class*="test-btn"] {
    background-color: rgba(52, 167, 107, 0.22) !important;
    background-image: none !important;
    border-color: rgba(52, 167, 107, 0.45) !important;
}

/* Bordas e inputs */
.carousel-container,
.amount-button,
[class*="amount-button"],
.custom-amount-input,
.form-input,
.form-select,
.input-group,
.deposit-amount,
.withdraw-form,
.deposit-form {
    border-color: #34a76b !important;
}

.amount-button:hover,
.custom-amount-input:focus,
.form-input:focus,
.form-select:focus {
    background-color: rgba(52, 167, 107, 0.15) !important;
}

/* Textos de destaque */
.register-link-text,
.login-link-text,
.terms-link,
.register-link,
.login-link,
[class*="register-link"],
[class*="login-link"] {
    color: #34a76b !important;
}

.input-icon,
.register-link-text,
.login-link-text {
    color: #34a76b !important;
}

/* Animações que usavam verde fixo */
@keyframes site-theme-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(52, 167, 107, 0.35);
    }
    50% {
        box-shadow: 0 0 20px rgba(52, 167, 107, 0.55);
    }
}

.pulse-animation,
[class*="pulse-animation"],
[class*="pulse-green"] {
    animation-name: site-theme-pulse !important;
}

/* Utilitários tailwind do bundle antigo */
.bg-primary-color,
.from-primary-color,
.to-primary-color\/5,
.bg-primary-color\/40 {
    background-color: #34a76b !important;
    --tw-gradient-from: #34a76b !important;
    --tw-gradient-to: #34a76b !important;
}

.bg-secondary-color,
.modal-close-btn {
    background-color: #34a76b !important;
}

/* Modal de login/cadastro acima do header (navbar z-index era 100000, modal 9999) */
.navbar-main[data-v-579f1c11] {
    z-index: 100 !important;
}

.modal-overlay[data-v-e8443fe7] {
    z-index: 100001 !important;
}

.promo-bar {
    z-index: 99 !important;
}

/* Botões de valor fixo no modal JOGAR (R$ 30, 50, 100) */
.value-button[data-v-5f95df09] {
    background: #facc15 !important;
    color: #000 !important;
}

.value-button[data-v-5f95df09]:hover {
    background: #eab308 !important;
}

/* Modal Depósito PIX — sem fundo azul nos valores (exceto selecionado) */
.amount-button[data-v-f2ed95c9]:not(.active),
.custom-amount-input[data-v-f2ed95c9] {
    background: rgba(255, 255, 255, 0.06) !important;
    background-image: none !important;
}

.amount-button[data-v-f2ed95c9]:not(.active):hover,
.custom-amount-input[data-v-f2ed95c9]:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    background-image: none !important;
}

/* Página Testar Grátis (/test/flappybird) */
.test-button[data-v-844b7fc5],
.test-button.pulsing[data-v-844b7fc5] {
    background: #34a76b !important;
    background-image: linear-gradient(135deg, #34a76b, #34a76b) !important;
    box-shadow: 0 4px 15px rgba(52, 167, 107, 0.4) !important;
}

.test-button[data-v-844b7fc5]:hover,
.test-button.pulsing[data-v-844b7fc5]:hover {
    background: #34a76b !important;
    box-shadow: 0 6px 20px rgba(52, 167, 107, 0.5) !important;
}

/* Valor selecionado = mesma cor do botão GERAR DEPÓSITO */
.amount-button.active[data-v-f2ed95c9] {
    background-image: linear-gradient(135deg, #34a76b, #34a76b) !important;
    background-color: #34a76b !important;
    border-color: #34a76b !important;
    box-shadow: 0 4px 14px rgba(52, 167, 107, 0.35) !important;
    color: #fff !important;
}