/* theme-light.css - Light Theme Overrides */

.theme-light .info-panel {
    background: linear-gradient(180deg,
        rgba(240, 245, 255, 0.98) 0%,
        rgba(230, 235, 250, 0.98) 100%);
    border-color: rgba(100, 120, 200, 0.3);
    box-shadow:
        0 0 20px rgba(100, 120, 200, 0.1),
        0 10px 40px rgba(0, 0, 0, 0.1);
}

.theme-light .info-panel::before {
    background: linear-gradient(90deg,
        transparent,
        rgba(100, 120, 200, 0.6),
        transparent);
}

.theme-light 
.theme-light .game-timer .value,
.theme-light .flag-count .value {
    color: #1a1a2e;
    text-shadow: none;
}

.theme-light 
.theme-light .game-timer .label,
.theme-light .flag-count .label,
.theme-light .lives-count .label,
.theme-light .power-ups-inventory .label {
    color: rgba(50, 60, 100, 0.7);
}

.theme-light 
.theme-light .game-timer,
.theme-light .flag-count,
.theme-light .lives-count,
.theme-light .power-ups-inventory {
    border-color: rgba(100, 120, 200, 0.15);
}

.theme-light .status {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.98) 0%,
        rgba(235, 240, 255, 0.98) 100%);
    border-color: rgba(100, 150, 200, 0.4);
    color: #1a1a2e;
    box-shadow:
        0 0 15px rgba(100, 150, 200, 0.15),
        0 4px 20px rgba(0, 0, 0, 0.1);
    text-shadow: none;
}

.theme-light .constant-return-lobby,
.theme-light .theme-toggle {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.98) 0%,
        rgba(235, 240, 255, 0.98) 100%);
    box-shadow:
        0 0 15px rgba(100, 120, 200, 0.1),
        0 4px 20px rgba(0, 0, 0, 0.1);
}

.theme-light .modal-content {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.99) 0%,
        rgba(235, 240, 255, 0.99) 100%);
    border-color: rgba(100, 120, 200, 0.3);
}

.theme-light .modal-title {
    color: #1a1a2e;
    text-shadow: none;
}

.theme-light .single-player-game-over .stat-value {
    color: #1a1a2e;
    text-shadow: none;
}

.theme-light .game-notification {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.98) 0%,
        rgba(235, 240, 255, 0.98) 100%);
    color: #1a1a2e;
    border-color: rgba(100, 150, 200, 0.4);
}

/* Light theme - Top Left Stats */
.theme-light .top-left-stats .game-timer,
.theme-light .top-left-stats .flag-count {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.98) 0%,
        rgba(235, 240, 255, 0.98) 100%);
    color: #1a1a2e;
    text-shadow: none;
    box-shadow:
        0 0 15px rgba(100, 120, 200, 0.1),
        0 4px 20px rgba(0, 0, 0, 0.1);
}

.theme-light .top-left-stats .flag-count {
    color: #b8860b;
}

/* Light theme - Bottom HUD */
.theme-light .bottom-hud .attack-inventory,
.theme-light .bottom-hud .power-ups-inventory {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.98) 0%,
        rgba(235, 240, 255, 0.98) 100%);
    box-shadow:
        0 0 15px rgba(100, 120, 200, 0.1),
        0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Light theme - Lives in Top Left Stats */
.theme-light .top-left-stats .lives-count {
    background: linear-gradient(180deg,
        rgba(245, 248, 255, 0.98) 0%,
        rgba(235, 240, 255, 0.98) 100%);
    color: #dc3545;
    text-shadow: none;
}

/* Light theme - Mobile Player Cards Container */
@media (max-width: 768px) {
    .theme-light .players-grid {
        background: linear-gradient(180deg,
            rgba(245, 248, 255, 0.98) 0%,
            rgba(235, 240, 255, 0.98) 100%);
        border-color: rgba(100, 130, 200, 0.4);
        box-shadow:
            0 0 30px rgba(100, 130, 200, 0.1),
            0 10px 40px rgba(0, 0, 0, 0.15);
    }
    
    .theme-light .players-grid .player-card {
        background: rgba(255, 255, 255, 0.5);
        border-color: rgba(100, 130, 200, 0.25);
    }
}