/* Cores personalizadas dos botões */

/* Botões de Login */
.header-link.login-btn,
.btn-login {
    border-color: #ffc400 !important;
    color: #ffc400 !important;
}

.header-link.login-btn:hover,
.btn-login:hover {
    border-color: #ffc400 !important;
    background: #ffc4001a !important;
    color: #ffc400 !important;
}

/* Botões de Cadastro/Registrar */
.header-link.register-btn,
.btn-register {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #000 !important;
}

.header-link.register-btn:hover,
.btn-register:hover {
    background: #ffc400dd !important;
    border-color: #ffc400dd !important;
    color: #000 !important;
}

/* Botões de Depósito */
.afw-dep,
.btn-deposit {
    background: #22c55e !important;
    border-color: #22c55e !important;
    color: #000000 !important;
}

.afw-dep:hover,
.btn-deposit:hover {
    background: #22c55ecc !important;
    border-color: #22c55ecc !important;
    color: #000000 !important;
}

/* Botões de Saque */
.afw-chest,
.btn-withdraw {
    background: #f50a22 !important;
    border-color: #f50a22 !important;
    color: #000000 !important;
}

.afw-chest:hover,
.btn-withdraw:hover {
    background: #f50a22cc !important;
    border-color: #f50a22cc !important;
    color: #000000 !important;
}

/* Botões de Abrir Caixa */
.csgo-cta,
.btn-open-box,
.btn-abrir-caixa,
#btn-open,
.case-cta {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #000000 !important;
}

/* Customização das Caixas */
.case-card {
    background: linear-gradient(180deg, #1b1f27, #1b1f27dd) !important;
    border-color: #ff0026 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.35), inset 0 0 20px #ffc4001a !important;
}

.case-card:hover {
    border-color: #ff0026 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 32px rgba(0,0,0,.45), inset 0 0 30px #ffc40026, 0 0 20px #ffc40033 !important;
}

.case-title {
    color: #dbe6ff !important;
}

.case-cta i {
    color: #ffc400 !important;
}

.case-extra {
    border-top-color: #ffc400 !important;
}

/* Ícones dos títulos das seções */
.cases-title i {
    color: #ffffff !important;
}

/* Ícone do título "Maiores prêmios do mês" */
.cases-title[data-section="premios"] i {
    color: #ffc400 !important;
}

/* Ícone do título "Caixas em destaque" */
.cases-title[data-section="destaque"] i {
    color: #ff0059 !important;
}

/* Ícone do título "Caixas de prêmios" */
.cases-title[data-section="geral"] i {
    color: #ffc400 !important;
}

/* Hover dos botões das caixas */
.case-cta:hover {
    color: #ffffff !important;
    border-color: #ff0026 !important;
    box-shadow: 0 0 12px #ff002640 !important;
}

/* Customização dos Títulos das Seções */
.cases-title {
    color: #ffffff !important;
}

/* Título "Maiores prêmios do mês" */
.cases-title[data-section="premios"] {
    color: #ffc400 !important;
}

/* Título "Caixas em destaque" */
.cases-title[data-section="destaque"] {
    color: #ff0059 !important;
}

/* Título "Caixas de prêmios" */
.cases-title[data-section="geral"] {
    color: #ffc400 !important;
}

.csgo-cta:hover,
.btn-open-box:hover,
.btn-abrir-caixa:hover,
#btn-open:hover,
.case-cta:hover {
    background: #ffc400cc !important;
    border-color: #ffc400cc !important;
    color: #000000 !important;
}

/* Navegação Mobile */
.bcta__btn--nav i,
.bnav__item i {
    color: #ffc400 !important;
}

.bcta__btn--nav:hover i,
.bnav__item:hover i {
    color: #ffc400cc !important;
}

/* Botão do meio da navegação mobile (Registrar/Ganhe) */
.bcta__btn--deposit {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    width: auto !important;
    height: 44px !important;
    transform: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
}

.bcta__btn--deposit:hover {
    transform: none !important;
    box-shadow: none !important;
}

.bcta__btn--deposit i {
    color: #000 !important;
    font-size: 18px !important;
    background: #ffc400 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-16px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.bcta__btn--deposit:hover i {
    transform: translateY(-20px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

.bcta__btn--deposit span {
    color: #fff !important;
    font-size: 10px !important;
    margin-top: 0 !important;
    line-height: 1 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Botões específicos da navegação mobile */
.bcta__btn--nav.active,
.bcta__btn--nav:focus {
    color: #ffc400 !important;
}

.bcta__btn--nav.active i,
.bcta__btn--nav:focus i {
    color: #ffc400 !important;
}

/* Garantir que as cores sejam aplicadas em todos os contextos */
.btn-primary.btn-login {
    background: transparent !important;
    border-color: #ffc400 !important;
    color: #ffc400 !important;
}

.btn-primary.btn-register {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #000 !important;
}

/* Botões de formulário de login/cadastro */
.login-form .btn-primary,
.register-form .btn-primary {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #000 !important;
}

.login-form .btn-primary:hover,
.register-form .btn-primary:hover {
    background: #ffc400cc !important;
    border-color: #ffc400cc !important;
    color: #000 !important;
}

/* Botão de submit da página de login */
.submit-btn {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #000 !important;
}

.submit-btn:hover {
    background: #ffc400dd !important;
    border-color: #ffc400dd !important;
    color: #000 !important;
}

/* Botão de submit da página de cadastro */
.cadastro-form .submit-btn {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #000 !important;
}

.cadastro-form .submit-btn:hover {
    background: #ffc400dd !important;
    border-color: #ffc400dd !important;
    color: #000 !important;
}

/* Botões de alternância do modal de login (Telefone/E-mail) */
.toggle-option.active {
    background: #ffc400 !important;
    color: #000 !important;
}

.toggle-option:hover {
    background: #ffc40033 !important;
    color: #ffc400 !important;
}