/* Global Theme Override - Força aplicação do novo tema em toda aplicação */

/* Aplicação forçada do degradê em TODOS os elementos primários */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
a.btn-primary {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
    border: none !important;
    color: white !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
a.btn-primary:hover {
    background: linear-gradient(to right, #1e2c3a, #2874a6) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(52, 151, 218, 0.3) !important;
}

/* Fundos de destaque */
.bg-primary,
.hero-section,
.ranking-header,
.dashboard-header,
.profile-header,
.admin-header,
.import-header,
.recovery-header,
.hero-section-contact,
.hero-section-form,
.hero-section-small {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Exceções - elementos que NÃO devem ter o degradê */
.contact-form-container .form-header,
.contact-section .form-header {
    background: transparent !important;
}

.contact-form-container .form-header h3,
.contact-section .form-header h3 {
    background: transparent !important;
    color: var(--dark-color) !important;
}

/* Navbar e cabeçalhos */
.navbar-dark[style*="background"],
nav[style*="background"] {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Exceção para navbar da landing page - deixar CSS próprio controlar */
body:has(.hero-section) .navbar:not(.scrolled) {
    background: rgba(255, 255, 255, 0.95) !important;
}

body:has(.hero-section) .navbar.scrolled {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Elementos de formulário */
.form-check-input:checked {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
    border-color: #3497DA !important;
}

.form-control:focus {
    border-color: #3497DA !important;
    box-shadow: 0 0 0 0.25rem rgba(52, 151, 218, 0.25) !important;
}

/* Progress bars e badges */
.progress-bar,
.badge.bg-primary,
.badge-primary {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Navegação ativa */
.nav-pills .nav-link.active,
.page-item.active .page-link,
.list-group-item.active {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
    border-color: transparent !important;
}

/* Links */
.text-primary,
a.text-primary {
    color: #3497DA !important;
}

a:hover {
    color: #2C3F51 !important;
}

/* Botões especiais que podem ter nomes específicos */
.btn-save,
.btn-login,
.btn-submit,
.badge-admin {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
    border: none !important;
    color: white !important;
}

/* Containers inline que podem ter estilos diretos */
.login-container::before {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Estilos para elementos que possam ter background inline */
[style*="background: linear-gradient"]:not([style*="#2C3F51"]) {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Força atualização para todos os backgrounds que ainda usam as cores antigas */
[style*="#667eea"],
[style*="#764ba2"],
[style*="#3490CE"],
[style*="#2c7bb6"] {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Headers de tabela - Gradiente único */
.table thead,
.jogos-table thead {
    background: linear-gradient(135deg, #2C3F51, #3497DA) !important;
    background-image: linear-gradient(135deg, #2C3F51, #3497DA) !important;
}

.table thead th,
.jogos-table thead th {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* Variáveis CSS override */
:root {
    --primary-color: #3497DA !important;
    --accent-color: #3497DA !important;
    --primary-dark: #2C3F51 !important;
    --gradient-primary: linear-gradient(to right, #2C3F51, #3497DA) !important;
    --bs-primary: #3497DA !important;
    --bs-primary-rgb: 52, 151, 218 !important;
}

/* Para garantir que elementos com CSS inline sejam sobrescritos */
body * {
    --bs-primary: #3497DA !important;
}

/* Botões específicos do Bootstrap */
.btn-check:checked + .btn-primary,
.btn-primary:first-child:active,
:not(.btn-check) + .btn-primary:active {
    background: linear-gradient(to right, #1e2c3a, #2874a6) !important;
}

/* Dropdowns ativos */
.dropdown-item.active,
.dropdown-item:active {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Alertas primários */
.alert-primary {
    color: #1a2b38 !important;
    background-color: rgba(52, 151, 218, 0.1) !important;
    border-color: #3497DA !important;
    border-left: 4px solid #3497DA !important;
}