/**
 * Num'Education - Corrections couleurs (blanc sur blanc)
 * Ce fichier corrige les problèmes de contraste
 */

/* ========================================
   LIVE MONITOR - Cartes statistiques (Prof)
   ======================================== */
.live-stats-grid .stat-card,
.numedu-stats-row .stat-card,
.numedu-stat-card {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.live-stats-grid .stat-value,
.numedu-stat-value,
.stat-value {
    color: #00d4ff !important;
}

.live-stats-grid .stat-label,
.numedu-stat-label,
.stat-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ========================================
   QUIZ ÉLÈVE - Texte de la question
   ======================================== */
.question-text,
.numedu-question-text,
h3.question-text {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Carte du quiz */
.quiz-card,
#quiz-container .numedu-card {
    background: rgba(30, 30, 60, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Options de réponse */
.answer-option {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
}

.answer-option:hover {
    background: rgba(0, 212, 255, 0.15) !important;
    border-color: rgba(0, 212, 255, 0.4) !important;
}

.answer-text {
    color: #ffffff !important;
}

/* ========================================
   GÉNÉRAL - Forcer les couleurs sombres
   (Exclure la page élève live qui a son propre système d'ambiances)
   ======================================== */
.numedu-page-bg:not([data-ambiance]) .numedu-card {
    background: rgba(30, 30, 60, 0.7) !important;
    color: #ffffff !important;
}

.numedu-page-bg:not([data-ambiance]) .numedu-card h2,
.numedu-page-bg:not([data-ambiance]) .numedu-card h3,
.numedu-page-bg:not([data-ambiance]) .numedu-card h4 {
    color: #ffffff !important;
}

.numedu-page-bg:not([data-ambiance]) .numedu-card p,
.numedu-page-bg:not([data-ambiance]) .numedu-card span,
.numedu-page-bg:not([data-ambiance]) .numedu-card label {
    color: rgba(255, 255, 255, 0.9) !important;
}
