/*
 * Tutor LMS Pro Suite — Quiz UI Styling
 * =======================================
 * ONLY changes: Colors + Timer style
 * Zero layout, zero positioning, zero display overrides
 * Tutor LMS layout poora intact rahega
 *
 * @package TutorLMSProSuite
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ── FONTS ─────────────────────────────────────────────── */
.tutor-quiz-wrap,
.tutor-quiz-wrap * {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ── PAGE BACKGROUND ───────────────────────────────────── */
.tutor-quiz-wrap {
  background: linear-gradient(145deg, #EDFAF4 0%, #E4F7EE 50%, #EAF9F3 100%) !important;
}

/* ── QUESTION CARD ─────────────────────────────────────── */
.tutor-quiz-wrap .quiz-attempt-single-question {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(5,150,105,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(5,150,105,.10), 0 1px 3px rgba(0,0,0,.04) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Green top accent bar */
.tutor-quiz-wrap .quiz-attempt-single-question::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #10B981, #059669, #0891B2) !important;
  border-radius: 16px 16px 0 0 !important;
}

/* ── QUESTION TITLE ────────────────────────────────────── */
.tutor-quiz-wrap .quiz-question-title,
.tutor-quiz-wrap .tutor-quiz-question-title {
  color: #1B4332 !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* ── ANSWER OPTIONS ────────────────────────────────────── */
.tutor-quiz-wrap .tutor-quiz-question-item {
  border: 1.5px solid #C3E8D8 !important;
  border-radius: 10px !important;
  background: #F4FBF8 !important;
  transition: border-color .15s ease, background .15s ease !important;
}

.tutor-quiz-wrap .tutor-quiz-question-item:hover {
  border-color: #059669 !important;
  background: #EDFAF4 !important;
}

/* Selected */
.tutor-quiz-wrap .tutor-quiz-question-item.tutor-quiz-question-item-selected,
.tutor-quiz-wrap .tutor-quiz-question-item:has(input:checked) {
  border-color: #059669 !important;
  background: linear-gradient(135deg, rgba(5,150,105,.10), rgba(8,145,178,.07)) !important;
  box-shadow: 0 0 0 2px rgba(5,150,105,.3) !important;
}

/* Option text */
.tutor-quiz-wrap .tutor-quiz-question-item .tutor-fs-6 {
  color: #1B4332 !important;
  font-weight: 500 !important;
}

.tutor-quiz-wrap .tutor-quiz-question-item.tutor-quiz-question-item-selected .tutor-fs-6,
.tutor-quiz-wrap .tutor-quiz-question-item:has(input:checked) .tutor-fs-6 {
  color: #065F46 !important;
  font-weight: 600 !important;
}

/* ── RADIO / CHECKBOX ──────────────────────────────────── */
.tutor-quiz-wrap input[type="radio"]:checked,
.tutor-quiz-wrap input[type="checkbox"]:checked {
  accent-color: #059669 !important;
}

/* ── META BAR ──────────────────────────────────────────── */
.tutor-quiz-wrap .quiz-meta-info {
  background: rgba(255,255,255,.9) !important;
  border: 1.5px solid rgba(5,150,105,.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(5,150,105,.08) !important;
}

.tutor-quiz-wrap .quiz-meta-info .tutor-color-muted {
  color: #6B7280 !important;
}

.tutor-quiz-wrap .quiz-meta-info .tutor-fw-bold {
  color: #1B4332 !important;
}

/* ── TIMER ─────────────────────────────────────────────── */
#tutor-quiz-time-update {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #059669 !important;
  letter-spacing: 2px !important;
  text-shadow: 0 0 12px rgba(5,150,105,.4) !important;
  transition: color .2s ease, text-shadow .2s ease !important;
}

#tutor-quiz-time-update.tlps-urgent {
  color: #DC2626 !important;
  text-shadow: 0 0 12px rgba(220,38,38,.5) !important;
  animation: tlps-pulse 1s ease-in-out infinite !important;
}

@keyframes tlps-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .6; }
}

/* ── BUTTONS ───────────────────────────────────────────── */
.tutor-quiz-wrap .tutor-quiz-submit-btn,
.tutor-quiz-wrap button[name="quiz_answer_submit_btn"],
.tutor-quiz-wrap .tutor-btn-primary {
  background: linear-gradient(135deg, #059669 0%, #0891B2 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(5,150,105,.38) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.tutor-quiz-wrap .tutor-quiz-submit-btn:hover,
.tutor-quiz-wrap button[name="quiz_answer_submit_btn"]:hover,
.tutor-quiz-wrap .tutor-btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(5,150,105,.5) !important;
}

.tutor-quiz-wrap .tutor-btn-outline-primary,
.tutor-quiz-wrap .tutor-quiz-skip-btn {
  color: #059669 !important;
  border-color: #059669 !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
}
.tutor-quiz-wrap .tutor-btn-outline-primary:hover,
.tutor-quiz-wrap .tutor-quiz-skip-btn:hover {
  background: #059669 !important;
  color: #FFFFFF !important;
}

/* ── PAGINATION BULLETS ────────────────────────────────── */
.tutor-quiz-wrap .tutor-quiz-question-paginate-item {
  border-radius: 8px !important;
  font-weight: 700 !important;
}

.tutor-quiz-wrap .tutor-quiz-question-paginate-item.answered {
  background: linear-gradient(135deg, #059669, #0891B2) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}

/* ── PROGRESS BAR (JS injected) ────────────────────────── */
.tlps-prog-wrap { width:100%; margin-top:8px; }
.tlps-prog-head { display:flex; justify-content:space-between; margin-bottom:4px; }
.tlps-prog-head span { font-size:10px; font-weight:600; color:#6B7280; text-transform:uppercase; letter-spacing:.5px; }
.tlps-prog-head strong { font-size:10px; font-weight:700; color:#059669; }
.tlps-prog-track { width:100%; height:4px; background:rgba(5,150,105,.15); border-radius:100px; overflow:hidden; }
.tlps-prog-fill { height:100%; background:linear-gradient(90deg,#10B981,#059669,#0891B2); border-radius:100px; transition:width .5s cubic-bezier(.4,0,.2,1); }

/* ── CORRECT / WRONG FEEDBACK ──────────────────────────── */
.tutor-quiz-wrap .is-correct .tutor-quiz-question-item {
  border-color: #10B981 !important;
  background: rgba(16,185,129,.08) !important;
}
.tutor-quiz-wrap .is-wrong .tutor-quiz-question-item {
  border-color: #EF4444 !important;
  background: rgba(239,68,68,.06) !important;
}