/**
 * WPProQuiz / LearnDash quiz UI — brand color overrides.
 *
 * Loaded only on quiz-bearing LearnDash post types
 * (sfwd-quiz, sfwd-lessons, sfwd-topic, sfwd-courses) via
 * AWS_LearnDash_Access_Control::enqueue_purchase_ui_assets().
 *
 * The non-quiz course UI lives in learndash-course.css.
 */

/* All WPProQuiz progress bars: outer course bar AND inner question /
   sending-progress bars share .wpProQuiz_progress in nested layers. */
.wpProQuiz_content .wpProQuiz_progress,
.wpProQuiz_content .wpProQuiz_progress > div,
.wpProQuiz_content div[class*="wpProQuiz_progress"],
.wpProQuiz_content .wpProQuiz_quiz_time,
.wpProQuiz_content .wpProQuiz_questionProgress {
    background: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
}

/* Track behind the progress bar */
.wpProQuiz_content .wpProQuiz_quiz_time + div,
.wpProQuiz_content .wpProQuiz_progress_bar {
    background: var(--color-light) !important;
}

/* Brand-pill primary buttons: WPProQuiz inputs + Continue anchor +
   Mark Complete button. */
.wpProQuiz_content input.wpProQuiz_button,
.wpProQuiz_content input.wpProQuiz_button2,
.wpProQuiz_content input[type="button"],
.wpProQuiz_content input[type="submit"],
.wpProQuiz_content button,
#quiz_continue_link a,
a#quiz_continue_link,
.quiz_continue_link > a,
.aws-course-layout #quiz_continue_link a,
#learndash_mark_complete_button,
.learndash_mark_complete_button,
.aws-course-layout .learndash_mark_complete_button,
.aws-course-layout #learndash_mark_complete_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: max-content !important;
    margin: 4px 6px 4px 0 !important;
    padding: 10px 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    cursor: pointer;
}

.wpProQuiz_content input.wpProQuiz_button:hover,
.wpProQuiz_content input.wpProQuiz_button2:hover,
.wpProQuiz_content input[type="button"]:hover,
.wpProQuiz_content input[type="submit"]:hover,
.wpProQuiz_content button:hover,
#quiz_continue_link a:hover,
a#quiz_continue_link:hover,
.quiz_continue_link > a:hover,
#learndash_mark_complete_button:hover,
.learndash_mark_complete_button:hover {
    background: var(--color-primary-dark) !important;
    background-color: var(--color-primary-dark) !important;
    color: var(--color-white) !important;
    transform: translateY(-1px);
}

/* Outlined-secondary variant: Restart Quiz / View Questions */
.wpProQuiz_content input.wpProQuiz_button_restartQuiz,
.wpProQuiz_content input.wpProQuiz_button_reShowQuestion,
.wpProQuiz_content .wpProQuiz_button[name="reShowQuestion"],
.wpProQuiz_content .wpProQuiz_button[name="restartQuiz"],
.wpProQuiz_content input[name="reShowQuestion"],
.wpProQuiz_content input[name="restartQuiz"] {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--color-dark) !important;
    border: 1px solid var(--color-input-border, rgba(0, 0, 0, 0.2)) !important;
}

.wpProQuiz_content input.wpProQuiz_button_restartQuiz:hover,
.wpProQuiz_content input.wpProQuiz_button_reShowQuestion:hover,
.wpProQuiz_content .wpProQuiz_button[name="reShowQuestion"]:hover,
.wpProQuiz_content .wpProQuiz_button[name="restartQuiz"]:hover,
.wpProQuiz_content input[name="reShowQuestion"]:hover,
.wpProQuiz_content input[name="restartQuiz"]:hover {
    background: var(--color-light2) !important;
    background-color: var(--color-light2) !important;
    color: var(--color-dark) !important;
}

/* Action rows in the quiz (Back / Check / Finish, and Restart / View) sit
   inline as a row instead of stacking full-width. */
.wpProQuiz_content .wpProQuiz_button_section,
.wpProQuiz_content .wpProQuiz_response,
.wpProQuiz_content .wpProQuiz_results {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.wpProQuiz_content .wpProQuiz_button_section > input,
.wpProQuiz_content .wpProQuiz_response > input,
.wpProQuiz_content .wpProQuiz_results > input {
    margin: 0 !important;
}

/* The "1d-quiz-actions" wrapper after Continue holds Restart/View
   Questions — render them inline-pill, not stacked. */
.ld-quiz-actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
}

.ld-quiz-actions > input,
.ld-quiz-actions > div > input {
    margin: 0 !important;
}

/* Quiz "Results" + completion bar typography */
.wpProQuiz_content .wpProQuiz_resultName,
.wpProQuiz_content h4.wpProQuiz_header {
    font-family: var(--font-udt-700, inherit);
    color: var(--color-dark);
}

.wpProQuiz_content .wpProQuiz_correct_answer,
.wpProQuiz_content .wpProQuiz_resultPoints {
    color: var(--color-primary-dark);
}