/* Arquivo: public/css/maxgames.css - FINAL LARANJA DOMINANTE */

/* === 1. VARIÁVEIS E ESTILOS GERAIS === */
:root {
    --bs-primary: #FF5722; /* Laranja/Fogo (Accent, Botões, Títulos) */
    --bs-secondary: #FF5722; /* CRÍTICO: AGORA A COR SECUNDÁRIA É LARANJA TAMBÉM */
    --heading-font: 'Orbitron', sans-serif;
    --text-light: #f0f0f0; /* Branco claro */
    --text-dark-contrast: #212121; /* Fundo do Body */
}

/* Garante que o HTML ocupe a altura total */
html {
    height: 100%;
}

/* === 2. STICKY FOOTER E LAYOUT BASE === */
body {
    background-color: var(--text-dark-contrast);
    color: var(--text-light); 
    
    /* Ativa o Flexbox vertical que empurra o footer */
    display: flex;
    flex-direction: column; 
    min-height: 100vh;
}

/* Faz o MAIN crescer e empurrar o footer */
main {
    flex-grow: 1; 
}

/* Impede o Header de crescer */
header {
    flex-shrink: 0;
}

/* === 3. ESTILOS DE TEMA & COMPONENTES === */

/* Cor Primária em Títulos e Links (Laranja) */
h1, h2, h3 {
    font-family: var(--heading-font);
    color: var(--bs-primary); 
}

/* Header Superior (Topo) */
header .bg-primary {
    background-color: var(--bs-primary) !important; /* LARANJA/FOGO */
}

/* Navbar e Rodapé: Fundo do Menu (Escuro #333) */
.bg-dark {
    background-color: #333  !important; /* Menu/Navbar BG Escuro */
    color: var(--text-light); 
}

/* Estilo do Footer */
footer {
    background-color: var(--bs-primary) !important; /* Fundo do Footer é Laranja */
    color: var(--text-light) !important;
    flex-shrink: 0; 
    width: 100%;
}

footer a {
    color: var(--bs-primary) !important; /* Links do Footer em Laranja */
}

footer p {
    color: #b0b0b0 !important; /* ou var(--text-light) */ 
}

/* === 4. ESTILOS DE CARDS (MAX CONTRASTE) === */

/* Container Principal do Card */
.card {
    /* CRÍTICO: Fundo Laranja/Fogo */
    background-color: var(--bs-primary) !important; 
    border: 1px solid var(--bs-primary) !important; 
}

/* Corpo do Card (Área de Texto) */
.card-body {
    /* O Corpo do Card deve ser Cinza Escuro para contraste com o Fundo Laranja do Card */
    background-color: var(--text-dark-contrast) !important; 
    color: var(--text-light) !important; 
}

/* Título e Autor/Resumo: Força o texto CLARO (Branco) */
.card-title, .card-text {
    color: var(--text-light) !important; 
}

/* Título com a cor de destaque Laranja */
.card-title.text-primary {
    color: var(--bs-primary) !important; 
}

/* Área de Prévia (Placeholder) */
.card-img-top + div {
    background-color: var(--text-dark-contrast) !important; /* Fundo mais escuro para o placeholder de mídia */
}

/* Ícone de Fallback (Gamepad) */
.fa-gamepad {
    color: var(--text-light) !important; /* Ícone Laranja */
}

.meutema {
    background-color: var(--bs-primary)  !important; /* Menu/Navbar BG Escuro */
    color: var(--text-light); 
}

/* CÓDIGO DENTRO DE public/css/maxgames.css (Bloco de Links/Botões) */

/* Botões de Contorno (Ver Todos) */
.btn-outline-primary {
    color: var(--bs-primary) !important; /* Texto Laranja */
    border-color: var(--bs-primary) !important; /* Borda Laranja */
}
.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important; /* Fundo Laranja ao passar o mouse */
    color: white !important; 
}

.card-body a,
.list-unstyled a {
    color: var(--bs-primary) !important;
}

.whatsapp-float-btn {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    
    background-color: #25d366; /* Verde do WhatsApp */
    color: white;
    
    /* CRÍTICO: Removendo padding e ajustando para ícone */
    padding: 0; /* Removendo qualquer padding extra que possa ter causado a barra */
    border-radius: 50%;
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    
    /* Centraliza o ícone */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Garante que o texto (se houvesse) não apareça */
    text-decoration: none;
    transition: transform 0.3s ease;
}

/* Garante que o ícone (o único conteúdo) seja a fonte do tamanho */
.whatsapp-float-btn i {
    line-height: 1; /* Alinha o ícone */
    font-size: 30px; /* Mantém o tamanho do ícone */
}

.whatsapp-float-btn:hover {
    transform: scale(1.1);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    /* CRÍTICO: Injeta o código SVG da seta com a cor de preenchimento LARANJA (#FF5722) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF5722'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
    /* Esta linha é necessária para espelhar o ícone para a direita, como o Bootstrap faz */
    transform: scaleX(-1) !important; 
}


.btn-warning {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #f0f0f0 !important;
}