/* Dark Theme Styles for index.html */
body.dark-theme {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

body.dark-theme #main-header {
    background-color: #0a0a0a;
    border-bottom: 1px solid #333333;
}

body.dark-theme #main-nav ul li a {
    color: #e0e0e0;
}

body.dark-theme #main-nav ul li a:hover,
body.dark-theme #main-nav ul li a.activo {
    color: #D4AF37;
}

body.dark-theme .container {
    background-color: transparent;
}

body.dark-theme section {
    background-color: transparent;
}

body.dark-theme .game-card {
    /* background-color: #252525; */
    border-color: #333333;
    color: #e0e0e0;
}

body.dark-theme .game-card h3,
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4 {
    color: #ffffff!important;
}

body.dark-theme .game-card-info {
    background-color: #1f1f1f;
    background-color: #1a1a1a;
    border-color: #333333;
}

body.dark-theme button,
body.dark-theme .slider-btn {
    background-color: #333333;
    color: #e0e0e0;
}

body.dark-theme button:hover,
body.dark-theme .slider-btn:hover {
    background-color: #444444;
}

body.dark-theme a {
    color: #4A90E2;
}

body.dark-theme a:hover {
    color: #6BA8F0;
}

body.dark-theme footer {
    background-color: #0a0a0a;
    border-top: 1px solid #333333;
    color: #e0e0e0;
}

body.dark-theme p {
    color: #d0d0d0;
}

body.dark-theme strong {
    color: #ffffff;
}

body.dark-theme ul li,
body.dark-theme ol li {
    color: #d0d0d0;
}

body.dark-theme .coming-soon {
    background: #333333;
    color: #D4AF37;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: bold;
}
body.dark-theme .game-card-info img {
    filter: invert(1) brightness(2);
}

body.dark-theme .logo,
body.dark-theme .logo-desktop,
body.dark-theme .logo-mobile {
    filter: invert(1) brightness(2);
}

body.dark-theme #main-nav {
    background-color: #0a0a0a;
}

body.dark-theme #main-nav::before {
    background-color: #0a0a0a;
}
/* Dark mode icon - inverted in dark theme */
body.dark-theme #dark-mode-icon {
    filter: invert(1) brightness(2);
}


body.dark-theme #dark-mode-toggle-container {
    background-color: #1a1a1a;
}

/* --- Hamburger Menu Dark Theme --- */
body.dark-theme #hamburger-menu span {
    background-color: #e0e0e0;
}

/* --- Legal Pages Dark Theme --- */
body.dark-theme #legal-notice h1,
body.dark-theme #privacy-policy h1,
body.dark-theme #cookies-policy h1,
body.dark-theme #ayuda-cdti h1 {
    color: #e0e0e0;
}

body.dark-theme #legal-notice h2,
body.dark-theme #privacy-policy h2,
body.dark-theme #cookies-policy h2,
body.dark-theme #ayuda-cdti h2 {
    color: #d0d0d0;
}

body.dark-theme #ayuda-cdti h3,
body.dark-theme #cookies-policy h3 {
    color: #d0d0d0;
}

body.dark-theme #legal-notice p,
body.dark-theme #privacy-policy p,
body.dark-theme #cookies-policy p,
body.dark-theme #ayuda-cdti p,
body.dark-theme #legal-notice li,
body.dark-theme #privacy-policy li,
body.dark-theme #cookies-policy li,
body.dark-theme #ayuda-cdti li {
    color: #b0b0b0;
}

body.dark-theme #legal-notice strong,
body.dark-theme #privacy-policy strong,
body.dark-theme #cookies-policy strong,
body.dark-theme #ayuda-cdti strong {
    color: #e0e0e0;
}

body.dark-theme #legal-notice a,
body.dark-theme #privacy-policy a,
body.dark-theme #cookies-policy a,
body.dark-theme #ayuda-cdti a {
    color: #bb86fc;
}

body.dark-theme #legal-notice a:hover,
body.dark-theme #privacy-policy a:hover,
body.dark-theme #cookies-policy a:hover,
body.dark-theme #ayuda-cdti a:hover {
    color: #D4AF37;
}

/* --- Cookie Policy Dark Theme --- */
body.dark-theme .cookie-service,
body.dark-theme .consent-category {
    background-color: #252525;
    border-color: #404040;
}

body.dark-theme .cookie-service summary,
body.dark-theme .consent-category summary {
    color: #d0d0d0;
}

body.dark-theme .cookie-service summary:hover,
body.dark-theme .consent-category summary:hover {
    background-color: #2a2a2a;
}

body.dark-theme .cookie-details,
body.dark-theme .consent-category > p,
body.dark-theme .consent-category > ul {
    border-top-color: #404040;
}

body.dark-theme #cookies-policy h3 {
    color: #d0d0d0;
}