/* 🧟‍♂️ CORREÇÕES ESPECÍFICAS PARA MÁXIMO CONTRASTE DO TEMA ZUMBI */

/* FORÇA O TEMA EM TODOS OS ELEMENTOS */
* {
    border-color: var(--ash-gray) !important;
}

/* FUNDO PRINCIPAL COM MÁXIMO CONTRASTE */
body {
    background: var(--dead-gray) url('../images/zumbi.png') center center/contain no-repeat fixed !important;
    background-blend-mode: overlay !important;
    color: var(--bone-white) !important;
}

/* Ajuste específico para páginas de autenticação */
body.page-register,
body.page-login {
    background: var(--dead-gray) url('../images/zumbi.png') center center/50% no-repeat fixed !important;
    background-blend-mode: overlay !important;
}

/* OVERLAY MAIS ESCURO PARA MELHOR LEGIBILIDADE */
body::before {
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: -1 !important;
}

/* LOGO MARRAMZ COM MÁXIMO DESTAQUE */
.zombie-logo {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 3px solid var(--blood-red) !important;
    box-shadow: var(--blood-shadow), 0 0 30px rgba(139, 0, 0, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 15px !important;
    padding: 10px 20px !important;
}

.zombie-logo img {
    filter: drop-shadow(0 0 20px var(--blood-red)) 
            drop-shadow(0 0 40px rgba(255, 255, 255, 0.3))
            contrast(1.3) 
            brightness(1.2) 
            saturate(1.1) !important;
    transition: all 0.3s ease !important;
}

.zombie-logo:hover img {
    filter: drop-shadow(0 0 30px var(--blood-red)) 
            drop-shadow(0 0 60px rgba(255, 255, 255, 0.5))
            contrast(1.4) 
            brightness(1.3) 
            saturate(1.2) !important;
    transform: scale(1.05) !important;
}

/* TODOS OS CARDS COM FUNDO ESCURO APOCALÍPTICO */
.card,
.purchase-card,
.dashboard-card,
.action-card,
.stat-card,
.stats-card,
.coins-display,
.coin-display {
    background: rgba(0, 0, 0, 0.95) !important;
    border: 2px solid var(--blood-red) !important;
    color: var(--bone-white) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: var(--death-shadow) !important;
}

/* DISPLAY DE MOEDAS COM DESTAQUE APOCALÍPTICO */
.coins-display,
.coin-display {
    background: var(--blood-gradient) !important;
    border: 3px solid var(--dark-blood) !important;
    box-shadow: var(--blood-shadow) !important;
}

.coins-number,
.coin-amount {
    color: var(--bone-white) !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 1) !important;
    font-family: 'Creepster', cursive !important;
    font-size: 3.5rem !important;
}

.coins-label,
.coin-label {
    color: var(--bone-white) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    font-family: 'Butcherman', cursive !important;
}

/* TODOS OS TEXTOS COM CONTRASTE MÁXIMO */
h1, h2, h3, h4, h5, h6,
p, span, div, label, small {
    color: var(--bone-white) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9) !important;
}

/* LINKS COM TEMA APOCALÍPTICO */
a, .nav-link {
    color: var(--bone-white) !important;
    text-decoration: none !important;
}

a:hover, .nav-link:hover {
    color: var(--blood-red) !important;
    text-shadow: 0 0 10px rgba(139, 0, 0, 0.8) !important;
}

/* BOTÕES COM TEMA FORTE */
.btn {
    border: 2px solid transparent !important;
    font-family: 'Butcherman', cursive !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.btn-primary {
    background: var(--blood-gradient) !important;
    border-color: var(--dark-blood) !important;
    color: var(--bone-white) !important;
    box-shadow: var(--blood-shadow) !important;
}

.btn-warning {
    background: var(--rust-gradient) !important;
    border-color: var(--rust-orange) !important;
    color: var(--bone-white) !important;
}

/* NAVBAR COM MÁXIMO CONTRASTE */
.navbar {
    background: rgba(0, 0, 0, 0.95) !important;
    border-bottom: 3px solid var(--blood-red) !important;
    backdrop-filter: blur(20px) !important;
}

.navbar-brand {
    color: var(--blood-red) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1) !important;
    font-family: 'Nosifer', cursive !important;
}

/* INPUTS E FORMS */
.form-control {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 2px solid var(--ash-gray) !important;
    color: var(--bone-white) !important;
}

.form-control:focus {
    background: rgba(0, 0, 0, 0.95) !important;
    border-color: var(--blood-red) !important;
    box-shadow: var(--blood-shadow) !important;
    color: var(--bone-white) !important;
}

/* ALERTAS COM CONTRASTE */
.alert {
    background: rgba(0, 0, 0, 0.8) !important;
    border: 2px solid !important;
    color: var(--bone-white) !important;
    backdrop-filter: blur(10px) !important;
}

.alert-info {
    border-color: var(--toxic-green) !important;
    background: rgba(76, 175, 80, 0.2) !important;
}

.alert-success {
    border-color: var(--toxic-green) !important;
    background: rgba(76, 175, 80, 0.3) !important;
}

.alert-danger {
    border-color: var(--blood-red) !important;
    background: rgba(139, 0, 0, 0.3) !important;
}

.alert-warning {
    border-color: var(--rust-orange) !important;
    background: rgba(204, 85, 0, 0.3) !important;
}

/* STEAM ID E CÓDIGOS */
code {
    background: rgba(76, 175, 80, 0.3) !important;
    color: var(--toxic-green) !important;
    border: 1px solid var(--toxic-green) !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-family: 'Courier New', monospace !important;
    text-shadow: 0 0 5px rgba(76, 175, 80, 0.5) !important;
}

/* LISTAS */
.list-group-item {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 1px solid var(--ash-gray) !important;
    color: var(--bone-white) !important;
}

.list-group-item:hover {
    background: rgba(139, 0, 0, 0.3) !important;
    border-color: var(--blood-red) !important;
}

/* TABELAS */
.table {
    background: rgba(0, 0, 0, 0.9) !important;
    color: var(--bone-white) !important;
}

.table th {
    background: var(--blood-gradient) !important;
    color: var(--bone-white) !important;
    border-color: var(--dark-blood) !important;
}

.table td {
    border-color: var(--ash-gray) !important;
    color: var(--bone-white) !important;
}

/* PACOTES DE MOEDAS */
.package-card {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 2px solid var(--ash-gray) !important;
}

.package-card:hover {
    border-color: var(--blood-red) !important;
    box-shadow: var(--blood-shadow) !important;
}

.package-card.selected {
    border-color: var(--toxic-green) !important;
    box-shadow: var(--toxic-shadow) !important;
    background: rgba(76, 175, 80, 0.2) !important;
}

/* ÍCONES COM BRILHO */
i.fas, i.far, i.fab {
    text-shadow: 0 0 10px currentColor !important;
}

/* ESTATÍSTICAS */
.stat-value {
    color: var(--toxic-green) !important;
    font-weight: bold !important;
    text-shadow: 0 0 10px rgba(76, 175, 80, 0.8) !important;
}

.stat-icon,
.action-icon {
    color: var(--blood-red) !important;
    text-shadow: 0 0 15px rgba(139, 0, 0, 0.8) !important;
}

/* RESPONSIVIDADE */
@media (max-width: 768px) {
    .zombie-logo {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    .main-container {
        padding-top: 20px !important;
    }
}

/* FORÇAR TEMA EM ELEMENTOS ESPECÍFICOS DO DASHBOARD */
.hero-section,
.features-section,
.cta-section {
    background: transparent !important;
    color: var(--bone-white) !important;
}

.hero-title {
    color: var(--bone-white) !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 1) !important;
    font-family: 'Nosifer', cursive !important;
}

.hero-subtitle {
    color: var(--ash-gray) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* MELHORAR VISIBILIDADE DE ELEMENTOS PEQUENOS */
.small, small {
    color: var(--ash-gray) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.text-muted {
    color: var(--ash-gray) !important;
    opacity: 0.9 !important;
}

/* LOADING E SPINNERS */
.spinner-border {
    border-color: var(--blood-red) !important;
    border-right-color: transparent !important;
}

/* DROPDOWN E MODAIS */
.dropdown-menu {
    background: rgba(0, 0, 0, 0.95) !important;
    border: 2px solid var(--blood-red) !important;
}

.dropdown-item {
    color: var(--bone-white) !important;
}

.dropdown-item:hover {
    background: rgba(139, 0, 0, 0.3) !important;
    color: var(--bone-white) !important;
}

.modal-content {
    background: rgba(0, 0, 0, 0.95) !important;
    border: 2px solid var(--blood-red) !important;
}

.modal-header {
    border-bottom: 1px solid var(--blood-red) !important;
}

.modal-footer {
    border-top: 1px solid var(--blood-red) !important;
}

/* GARANTIR QUE TUDO SEJA VISÍVEL */
body * {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* 🧟‍♂️ LOGO MARRAMZ NA NAVBAR */

.navbar-logo {
    max-width: 250px;
    height: auto;
    max-height: 80px;
    filter: drop-shadow(0 0 10px var(--blood-red)) 
            drop-shadow(0 0 20px rgba(139, 0, 0, 0.5))
            contrast(1.2) 
            brightness(1.1);
    transition: all 0.3s ease;
}

.navbar-brand:hover .navbar-logo {
    filter: drop-shadow(0 0 15px var(--blood-red)) 
            drop-shadow(0 0 30px rgba(139, 0, 0, 0.8))
            contrast(1.3) 
            brightness(1.2);
    transform: scale(1.05);
}

/* Responsividade */
@media (max-width: 768px) {
    .navbar-logo {
        max-width: 200px;
        max-height: 60px;
    }
}

@media (max-width: 576px) {
    .navbar-logo {
        max-width: 150px;
        max-height: 50px;
    }
}

/* Remover logo flutuante se ainda existir */
.zombie-logo {
    display: none !important;
}

/* 🧟‍♂️ LOGO MARRAMZ TAMANHO PROPORCIONAL */

.navbar-logo {
    max-width: 250px !important;
    height: auto !important;
    max-height: 80px !important;
}

/* Responsividade para logo proporcional */
@media (max-width: 768px) {
    .navbar-logo {
        max-width: 200px !important;
        max-height: 60px !important;
    }
}

@media (max-width: 576px) {
    .navbar-logo {
        max-width: 150px !important;
        max-height: 50px !important;
    }
}

/* Logo com tamanho flexível */
.navbar-brand img {
    max-width: 250px !important;
    height: auto !important;
    max-height: 80px !important;
}

/* Correção específica para página de login */
.page-login .navbar-brand img,
.page-login .navbar-logo {
    max-width: 250px !important;
    height: auto !important;
    max-height: 80px !important;
}

/* Correção específica para página de registro */
.page-register .navbar-brand img,
.page-register .navbar-logo {
    max-width: 250px !important;
    height: auto !important;
    max-height: 80px !important;
}

/* Correção específica para página de dashboard */
.page-dashboard .navbar-brand img,
.page-dashboard .navbar-logo {
    max-width: 250px !important;
    height: auto !important;
    max-height: 80px !important;
}