/**
 * EMF — LearnDash (wpProQuiz) question-view restyle to the design system.
 * Cosmetic only: appearance of question text, options, radios, navigator and buttons.
 * Does NOT change display/position/float, so wpProQuiz's show/hide + answer logic is untouched.
 */
.wpProQuiz_content{
  --emf-primary:#4B2056; --emf-primary-soft:#EDE6EF; --emf-urgency:#C1272D; --emf-success:#1A9F5C;
  --emf-warning:#E08C00; --emf-slate:#475569; --emf-blk:#111;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:#1F1F1F;
}

/* ---- question stem ---- */
.wpProQuiz_content .wpProQuiz_question_text{
  background:#fff; border:2px solid var(--emf-blk); border-radius:10px;
  box-shadow:6px 6px 0 var(--emf-blk); padding:20px 22px; margin:0 0 20px; font-size:1.125rem; line-height:1.6;
}

/* ---- options ---- */
.wpProQuiz_content .wpProQuiz_questionList{ margin:0; padding:0; list-style:none; }
.wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem{
  background:#fff; border:2px solid var(--emf-blk) !important; border-radius:10px;
  box-shadow:3px 3px 0 var(--emf-blk); margin:0 0 13px !important; padding:0 !important; list-style:none;
  transition:transform .05s, box-shadow .05s;
}
.wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem:hover{
  transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--emf-blk);
}
.wpProQuiz_content .wpProQuiz_questionListItem label{
  display:flex; gap:13px; align-items:flex-start; padding:14px 17px; margin:0; cursor:pointer;
  font-size:1.0625rem; line-height:1.55;
}
.wpProQuiz_content .wpProQuiz_questionListItem input.wpProQuiz_questionInput{
  -webkit-appearance:none; appearance:none; flex:none; width:24px; height:24px; margin:1px 0 0; padding:0;
  border:2px solid var(--emf-blk); border-radius:50%; background:#fff; cursor:pointer; position:relative;
}
.wpProQuiz_content .wpProQuiz_questionListItem input.wpProQuiz_questionInput:checked{ border-color:var(--emf-primary); }
.wpProQuiz_content .wpProQuiz_questionListItem input.wpProQuiz_questionInput:checked::after{
  content:""; position:absolute; left:4px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--emf-primary);
}
/* selected card */
.wpProQuiz_content .wpProQuiz_questionListItem:has(input.wpProQuiz_questionInput:checked){
  background:var(--emf-primary-soft); border-color:var(--emf-primary) !important;
}
/* preserve & enhance wpProQuiz's post-check correct / incorrect highlighting */
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect,
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete{
  border-color:var(--emf-success) !important; background:rgba(26,159,92,.10) !important;
}
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect{
  border-color:var(--emf-urgency) !important; background:rgba(193,39,45,.08) !important;
}

/* ---- buttons (appearance only; float/display left to wpProQuiz inline styles) ---- */
.wpProQuiz_content input.wpProQuiz_button,
.wpProQuiz_content input.wpProQuiz_button2{
  font-family:inherit !important; font-weight:800 !important; font-size:.95rem !important;
  border:2px solid var(--emf-blk) !important; border-radius:10px !important;
  box-shadow:3px 3px 0 var(--emf-blk) !important; padding:11px 20px !important;
  background:#fff !important; color:var(--emf-primary) !important; text-shadow:none !important; text-transform:none !important;
}
.wpProQuiz_content input.wpProQuiz_button:active,
.wpProQuiz_content input.wpProQuiz_button2:active{ box-shadow:0 0 0 var(--emf-blk) !important; transform:translate(3px,3px); }
.wpProQuiz_content input.wpProQuiz_QuestionButton[name="check"],
.wpProQuiz_content input.wpProQuiz_QuestionButton[name="next"],
.wpProQuiz_content input[name="startQuiz"],
.wpProQuiz_content input.wpProQuiz_button_restartQuiz,
.wpProQuiz_content input.wpProQuiz_button_reShowQuestion,
.wpProQuiz_content input[name="endQuizSummary"],
.wpProQuiz_content input[name="endInfopage"]{
  background:var(--emf-primary) !important; color:#fff !important;
}

/* ---- question navigator ---- */
.wpProQuiz_content .wpProQuiz_reviewQuestion ol{ display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:0; list-style:none; }
.wpProQuiz_content .wpProQuiz_reviewQuestion ol li{
  width:36px; height:32px; min-width:36px; display:flex; align-items:center; justify-content:center;
  font-size:.8rem; font-weight:700; color:#1F1F1F; background:#fff;
  border:2px solid var(--emf-blk) !important; border-radius:7px; box-shadow:2px 2px 0 var(--emf-blk);
  cursor:pointer; margin:0 !important; padding:0 !important;
}
.wpProQuiz_content .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewQuestion_Target{ background:var(--emf-primary) !important; color:#fff !important; }
.wpProQuiz_content .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewColor_Review{ background:var(--emf-warning) !important; color:#fff !important; }
.wpProQuiz_content .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewColor_Answer{ background:var(--emf-slate) !important; color:#fff !important; }
.wpProQuiz_content .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewColor_AnswerCorrect{ background:var(--emf-success) !important; color:#fff !important; }
.wpProQuiz_content .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewColor_AnswerIncorrect{ background:var(--emf-urgency) !important; color:#fff !important; }

/* legend swatches */
.wpProQuiz_content .wpProQuiz_reviewLegend ol{ list-style:none; padding:0; }
.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor{
  display:inline-block; width:16px; height:16px; border:2px solid var(--emf-blk); border-radius:4px; vertical-align:middle;
}
.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewQuestion_Target{ background:#fff !important; }
.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Review{ background:var(--emf-warning) !important; }
.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Answer{ background:var(--emf-slate) !important; }
.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_AnswerCorrect{ background:var(--emf-success) !important; }
.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_AnswerIncorrect{ background:var(--emf-urgency) !important; }

@media (max-width:820px){
  .wpProQuiz_content .wpProQuiz_question_text{ box-shadow:4px 4px 0 var(--emf-blk); }
  .wpProQuiz_content .wpProQuiz_reviewQuestion ol li{ width:32px; height:30px; min-width:32px; }
}