/* =====================================================================
   QUIZ SC@LPA — Styles
   ===================================================================== */

.quiz-question {
  padding: 1em;
}

.quiz-prompt {
  font-size: 1.1em;
  margin-bottom: 1em;
}

.quiz-btn {
  padding: 0.6em;
  font-size: 1em;
  border: 2px solid #ccc;
  background: #fff;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.2s, color 0.2s;
}

.quiz-btn:hover:not(:disabled) {
  background: #f2f2f2;
}

.quiz-btn.correct {
  background: #2ecc71;
  color: #fff;
  border-color: #27ae60;
}

.quiz-btn.wrong {
  background: #e74c3c;
  color: #fff;
  border-color: #c0392b;
}

.quiz-btn:disabled {
  cursor: default;
  opacity: 0.9;
}

.quiz-feedback {
  margin-top: 1em;
  padding: 0.6em;
  background: #eef;
  border-left: 5px solid #3498db;
}

.quiz-results {
  text-align: center;
  padding: 2em;
}

#nextBtn {
    display: inline-block;
    width: auto;
    min-width: 220px;
    max-width: 320px;
    margin: 1rem auto 0 auto; /* centre horizontalement */
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
}
/* ===============================
   BOUTONS DE RÉPONSE
================================ */

.quiz-answer.btn-success,
.quiz-answer.btn-danger {
    color: #fff;
}

.quiz-answers{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  align-items:center;
}

.quiz-answer{
  width:auto;
  max-width:100%;
  min-width:220px;
  padding:.6rem 1.2rem;
  border-radius:999px;
  white-space:normal;
  word-break:break-word;
  transition:transform .15s ease;
}
.quiz-answer:hover:not(:disabled){ transform:translateY(-1px); }


#feedback b,
#feedback strong {
    font-weight: 600;
}

#feedback mark {
    background-color: #ffeeba;
    padding: 0 0.2em;
}