/* cssFixBoutons.css — Fix hover boutons + cartes */

/* Bouton "Je connais déjà" — texte blanc sur fond vert */
.btn-connu {
    background: var(--vert) !important;
    color: #fff !important;
    border-color: var(--vert) !important;
}
.btn-connu:hover { background: #136B33 !important; color: #fff !important }

/* Boutons Pas encore / Je savais — hover correct */
.btn-pas-encore {
    border: 2px solid var(--rouge) !important;
    color: var(--rouge) !important;
    background: var(--blanc) !important;
}
.btn-pas-encore:hover {
    background: var(--rouge) !important;
    color: #fff !important;
    border-color: var(--rouge) !important;
}

.btn-je-savais {
    border: 2px solid var(--vert) !important;
    color: var(--vert) !important;
    background: var(--blanc) !important;
}
.btn-je-savais:hover {
    background: var(--vert) !important;
    color: #fff !important;
    border-color: var(--vert) !important;
}

/* Bouton contour générique — hover rouge fond */
.btn-contour:hover { background: var(--rouge); color: #fff !important; border-color: var(--rouge) !important }

/* Bouton rouge — texte toujours blanc */
.btn-rouge { color: #fff !important }
.btn-rouge:hover { background: var(--rouge-d); color: #fff !important }

/* Bouton vert */
.btn-vert { background: var(--vert); color: #fff !important; border-color: var(--vert) }
.btn-vert:hover { background: #136B33; color: #fff !important }

/* Exercices inline */
.exo-option { transition: all .15s }
.exo-option:hover { border-color: var(--rouge); background: var(--rouge-l) }
.exo-option.correct { background: var(--vert) !important; border-color: var(--vert) !important; color: #fff !important; font-weight: 600 }
.exo-option.incorrect { background: var(--rouge) !important; border-color: var(--rouge) !important; color: #fff !important }

/* Carte mémoire — hauteur fixe */
.cm-carte { min-height: 160px !important; height: 160px }

/* Btn section hover */
.btn-section:hover { opacity: .85; color: #fff !important }