/* Recycla Game Text Visibility Fixes */

/* Override any global white text rules for game elements */
.game-container .feedback,
.game-container .alert,
.game-container .waste-item,
.game-container h4 {
    color: inherit !important;
}

/* Ensure feedback has proper contrast */
.feedback.correct {
    background: #155724 !important;
    color: #ffffff !important;
    border: 2px solid #28a745 !important;
}

.feedback.wrong {
    background: #721c24 !important;
    color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

/* Ensure alerts have proper contrast */
.alert,
.alert-info {
    background: #0c5460 !important;
    color: #ffffff !important;
    border: 2px solid #17a2b8 !important;
}

/* Ensure waste items have proper contrast */
.waste-item {
    background: linear-gradient(135deg, #fff, #f8f9fa) !important;
    color: #333333 !important;
    border: 3px solid #6bbf59 !important;
}

/* Dark theme overrides */
[data-theme="dark"] .feedback.correct,
body.dark-theme .feedback.correct {
    background: #28a745 !important;
    color: #ffffff !important;
    border-color: #34ce57 !important;
}

[data-theme="dark"] .feedback.wrong,
body.dark-theme .feedback.wrong {
    background: #dc3545 !important;
    color: #ffffff !important;
    border-color: #e74c3c !important;
}

[data-theme="dark"] .alert,
[data-theme="dark"] .alert-info,
body.dark-theme .alert,
body.dark-theme .alert-info {
    background: #17a2b8 !important;
    color: #ffffff !important;
    border-color: #20c0d7 !important;
}

[data-theme="dark"] .waste-item,
body.dark-theme .waste-item {
    background: linear-gradient(135deg, #495057, #343a40) !important;
    color: #ffffff !important;
    border-color: #6bbf59 !important;
}

/* Game container text */
.game-container h4 {
    color: #333333 !important;
}

[data-theme="dark"] .game-container h4,
body.dark-theme .game-container h4 {
    color: #ffffff !important;
}