/* Styles pour les exercices générés et boutons - Thème sombre cohérent */

/* Correction du fond blanc pour les exercices générés */
.modal-content {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.modal-header {
    background-color: var(--secondary-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.modal-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

.modal-footer {
    background-color: var(--card-bg) !important;
    border-top: 1px solid var(--border-color) !important;
}

/* Correction des boutons de génération d'exercices - Couleurs cohérentes */
.btn-success {
    background-color: var(--accent-color-1) !important;
    border-color: var(--accent-color-1) !important;
    color: var(--light-color) !important;
}

.btn-success:hover {
    background-color: #5A6BA4 !important;
    border-color: #5A6BA4 !important;
    color: var(--light-color) !important;
}

.btn-warning {
    background-color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
    color: var(--light-color) !important;
}

.btn-warning:hover {
    background-color: #5D5A6A !important;
    border-color: #5D5A6A !important;
    color: var(--light-color) !important;
}

/* Styles pour les contenus d'exercices dans les modales */
.exercise-content,
.ai-exercises-content,
.markdown-content {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px;
    padding: 1rem;
}

/* Correction des titres d'exercices */
.exercise-content h1,
.exercise-content h2,
.exercise-content h3,
.exercise-content h4,
.exercise-content h5,
.exercise-content h6,
.ai-exercises-content h1,
.ai-exercises-content h2,
.ai-exercises-content h3,
.ai-exercises-content h4,
.ai-exercises-content h5,
.ai-exercises-content h6 {
    color: var(--accent-color-1) !important;
}

/* Correction du texte dans les exercices */
.exercise-content p,
.ai-exercises-content p,
.exercise-content li,
.ai-exercises-content li {
    color: var(--text-color) !important;
}

/* Correction des blocs de code dans les exercices */
.exercise-content pre,
.ai-exercises-content pre,
.exercise-content code,
.ai-exercises-content code {
    background-color: var(--dark-color) !important;
    color: var(--light-color) !important;
    border: 1px solid var(--border-color) !important;
}

/* Correction des tableaux dans les exercices */
.exercise-content table,
.ai-exercises-content table {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

.exercise-content th,
.ai-exercises-content th {
    background-color: var(--secondary-color) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

.exercise-content td,
.ai-exercises-content td {
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

/* Correction des badges et étiquettes */
.badge.bg-success {
    background-color: var(--accent-color-1) !important;
    color: var(--light-color) !important;
}

.badge.bg-warning {
    background-color: var(--accent-color-2) !important;
    color: var(--light-color) !important;
}

/* Correction des alertes */
.alert-success {
    background-color: rgba(79, 91, 147, 0.2) !important;
    border-color: var(--accent-color-1) !important;
    color: var(--text-color) !important;
}

.alert-warning {
    background-color: rgba(78, 74, 89, 0.2) !important;
    border-color: var(--accent-color-2) !important;
    color: var(--text-color) !important;
}

/* Correction des boutons dans les exercices */
.exercise-content .btn,
.ai-exercises-content .btn {
    background-color: var(--accent-color-1) !important;
    border-color: var(--accent-color-1) !important;
    color: var(--light-color) !important;
}

.exercise-content .btn:hover,
.ai-exercises-content .btn:hover {
    background-color: #5A6BA4 !important;
    border-color: #5A6BA4 !important;
    color: var(--light-color) !important;
}

/* Correction des boutons outline */
.btn-outline-success {
    color: var(--accent-color-1) !important;
    border-color: var(--accent-color-1) !important;
}

.btn-outline-success:hover {
    background-color: var(--accent-color-1) !important;
    color: var(--light-color) !important;
}

.btn-outline-warning {
    color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
}

.btn-outline-warning:hover {
    background-color: var(--accent-color-2) !important;
    color: var(--light-color) !important;
}

/* Correction des boutons primary et secondary pour cohérence */
.btn-primary {
    background-color: var(--accent-color-1) !important;
    border-color: var(--accent-color-1) !important;
    color: var(--light-color) !important;
}

.btn-primary:hover {
    background-color: #5A6BA4 !important;
    border-color: #5A6BA4 !important;
    color: var(--light-color) !important;
}

.btn-secondary {
    background-color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
    color: var(--light-color) !important;
}

.btn-secondary:hover {
    background-color: #5D5A6A !important;
    border-color: #5D5A6A !important;
    color: var(--light-color) !important;
}

/* Correction des boutons outline primary et secondary */
.btn-outline-primary {
    color: var(--accent-color-1) !important;
    border-color: var(--accent-color-1) !important;
}

.btn-outline-primary:hover {
    background-color: var(--accent-color-1) !important;
    color: var(--light-color) !important;
}

.btn-outline-secondary {
    color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--accent-color-2) !important;
    color: var(--light-color) !important;
}

/* Variables MyST pour la cohérence des couleurs */
:root {
    --myst-bg-secondary: #1b2126;
    --myst-text-color: #ECEFF1;
    --myst-border-color: #37474F;
    --myst-primary: #4F5B93;
    --myst-secondary: #4E4A59;
}

/* Styles spécifiques pour les exercices MyST */
.myst-dark-theme {
    background-color: #1b2126 !important;
    color: #ECEFF1 !important;
    border: 1px solid #37474F !important;
}

.myst-qst,
.myst-qcm {
    background-color: #1b2126 !important;
    color: #ECEFF1 !important;
    border: 1px solid #37474F !important;
}

/* Correction des couleurs de texte dans les exercices */
.myst-qst p,
.myst-qcm p,
.myst-qst div,
.myst-qcm div,
.myst-qst span,
.myst-qcm span {
    color: #ECEFF1 !important;
}

/* Correction des titres d'exercices */
.myst-qst h1,
.myst-qst h2,
.myst-qst h3,
.myst-qst h4,
.myst-qst h5,
.myst-qst h6,
.myst-qcm h1,
.myst-qcm h2,
.myst-qcm h3,
.myst-qcm h4,
.myst-qcm h5,
.myst-qcm h6 {
    color: #4F5B93 !important;
}