/*
 * Color Fix Override CSS - Generated from config.php
 * This file fixes all white text on white background issues
 * Simple, clean colors for AdSense compliance
 */

/* Global color fixes */
body {
    background: #f8f9fa !important;
    color: #212529 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Header fixes */
.simple-header {
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.simple-header .navbar-brand {
    color: #212529 !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
}

.simple-header .nav-link {
    color: #6c757d !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.simple-header .nav-link:hover,
.simple-header .nav-link.active {
    color: #ab34eb !important;
    background: transparent !important;
}

/* Hero section fixes */
.hero-content {
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: #212529 !important;
    padding: 2rem 0 !important;
}

.hero-content h1 {
    color: #212529 !important;
    font-weight: 600 !important;
    font-size: 1.75rem !important;
    text-shadow: none !important;
}

.hero-content p {
    color: #6c757d !important;
    font-size: 1rem !important;
}

.hero-stat-number {
    color: #ab34eb !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.hero-stat-label {
    color: #6c757d !important;
    font-size: 0.75rem !important;
}

/* Game banner fixes */
.game-banner {
    background: #ffffff !important;
    color: #212529 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.game-banner h1 {
    color: #212529 !important;
}

/* Footer fixes */
footer,
.footer-section {
    background: #ffffff !important;
    border-top: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.footer-section h5 {
    color: #212529 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.footer-section h5 i {
    color: #ab34eb !important;
}

.footer-section h5::after {
    display: none !important;
}

.footer-section p,
.footer-section a {
    color: #6c757d !important;
    font-size: 14px !important;
}

.footer-section a:hover {
    color: #ab34eb !important;
}

.footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-links li {
    margin-bottom: 0.5rem !important;
}

.footer-links a {
    color: #6c757d !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    transition: color 0.2s ease !important;
}

.footer-links a:hover {
    color: #ab34eb !important;
}

.footer-links a i {
    color: #ab34eb !important;
    margin-right: 0.5rem !important;
    width: 16px !important;
    font-size: 12px !important;
}

/* Social media fixes */
.social-link {
    width: 36px !important;
    height: 36px !important;
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6c757d !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.social-link:hover {
    background: #ab34eb !important;
    border-color: #ab34eb !important;
    color: #ffffff !important;
}

/* Button fixes */
.btn-primary {
    background-color: #ab34eb !important;
    border-color: #ab34eb !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #9333ea !important;
    border-color: #9333ea !important;
    color: #ffffff !important;
}

.play-button {
    background: #ab34eb !important;
    color: #ffffff !important;
    border: none !important;
}

.play-button:hover {
    background: #9333ea !important;
    color: #ffffff !important;
}

/* Pagination fixes */
.page-link {
    color: #6c757d !important;
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

.page-link:hover {
    background: #ab34eb !important;
    color: #ffffff !important;
    border-color: #ab34eb !important;
}

.page-item.active .page-link {
    background: #ab34eb !important;
    color: #ffffff !important;
    border-color: #ab34eb !important;
}

/* Badge fixes */
.badge {
    background: #ab34eb !important;
    color: #ffffff !important;
}

/* Game card fixes */
.game-card {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.game-card .card-title,
.game-card .game-title {
    color: #212529 !important;
}

.game-card .card-text,
.game-card .text-muted {
    color: #6c757d !important;
}

/* Game type pill fixes */
.game-type-pill {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #6c757d !important;
}

.game-card:hover .game-type-pill {
    border-color: #ab34eb !important;
    color: #ab34eb !important;
}

.game-type-pill i {
    color: #ab34eb !important;
}

/* Floating action button fixes */
.floating-action {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #6c757d !important;
}

.game-card:hover .floating-action {
    background: #ab34eb !important;
    border-color: #ab34eb !important;
    color: #ffffff !important;
}

/* Floating play button fixes */
.floating-play-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #dee2e6 !important;
    color: #ab34eb !important;
}

.game-card:hover .floating-play-btn {
    background: #ab34eb !important;
    color: #ffffff !important;
}

/* Search section fixes */
.search-section {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.search-section .form-control {
    border-color: #dee2e6 !important;
}

.search-section .form-control:focus {
    border-color: #ab34eb !important;
    box-shadow: 0 0 0 0.2rem rgba(171, 52, 235, 0.25) !important;
}

.search-section .btn-primary {
    background-color: #ab34eb !important;
    border-color: #ab34eb !important;
}

.search-section .btn-primary:hover {
    background-color: #9333ea !important;
    border-color: #9333ea !important;
}

/* Footer bottom fixes */
.footer-bottom {
    border-top: 1px solid #dee2e6 !important;
    background: #ffffff !important;
}

.footer-bottom p {
    color: #6c757d !important;
    font-size: 13px !important;
}

/* Remove any problematic backgrounds and gradients */
.simple-header::before,
.simple-header::after,
.hero-content::before,
.hero-content::after,
footer::before,
footer::after {
    display: none !important;
}

/* Ensure all text is readable */
* {
    text-shadow: none !important;
}

/* Mobile responsive text */
@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 1.5rem !important;
    }

    .simple-header .navbar-brand {
        font-size: 1.1rem !important;
    }
}