/* === UP: HD Quiz overrides (frontend) === */
.hdq_wrap .hdq_question_number:before { content: "" !important; }

.hdq_wrap .hdq_option input[type="radio"],
.hdq_wrap .hdq_option input[type="checkbox"] {
  position: absolute !important;
  left: -9999px !important;
}

.hdq_wrap .hdq_option label {
  display: inline-block !important;
  width: 100% !important;
  padding: 12px 16px !important;
  background: transparent !important;
  color: var(--ct-color-text, #000) !important;
  border: 1.5px solid currentColor !important;
  border-radius: 3px !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
  text-decoration: none !important;
}

.hdq_wrap .hdq_option label:hover {
  background: #3a4f66 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  border-color: #3a4f66 !important;
}

.hdq_wrap .hdq_option input[type="radio"]:checked + label,
.hdq_wrap .hdq_option input[type="checkbox"]:checked + label,
.hdq_wrap .hdq_label_answer.hdq_selected {
  background: #3a4f66 !important;
  color: #fff !important;
  border-color: #3a4f66 !important;
}

.hdq_wrap .hdq_buttons .hdq_button,
.hdq_wrap .hdq_finish,
.hdq_wrap .hdq_next,
.hdq_wrap .hdq_prev {
  background: #3a4f66 !important;
  color: #fff !important;
  border: 1px solid #3a4f66 !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
}
.hdq_wrap .hdq_buttons .hdq_button:hover,
.hdq_wrap .hdq_finish:hover,
.hdq_wrap .hdq_next:hover,
.hdq_wrap .hdq_prev:hover {
  filter: brightness(.92) !important;
}

.hdq_wrap .hdq_question {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 16px !important;
}