/**
 * MZA Quiz Full Width
 * Version 1.0.0
 */

/* ===== Global containers ===== */
body.mza-quiz-full-width-enabled .mza-quiz,
body.mza-quiz-full-width-enabled .mza-qcm,
body.mza-quiz-full-width-enabled .mza-exam,
body.mza-quiz-full-width-enabled .quiz-container,
body.mza-quiz-full-width-enabled .qcm-container,
body.mza-quiz-full-width-enabled .exam-container,
body.mza-quiz-full-width-enabled .wpProQuiz_content,
body.mza-quiz-full-width-enabled .learndash-wrapper,
body.mza-quiz-full-width-enabled .ld-quiz-content,
body.mza-quiz-full-width-enabled .ld-quiz {
    width: 100% !important;
    max-width: 1600px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* ===== Disable narrow columns ===== */
body.mza-quiz-full-width-enabled .mza-quiz,
body.mza-quiz-full-width-enabled .mza-qcm,
body.mza-quiz-full-width-enabled .mza-exam,
body.mza-quiz-full-width-enabled .quiz-container,
body.mza-quiz-full-width-enabled .qcm-container,
body.mza-quiz-full-width-enabled .exam-container,
body.mza-quiz-full-width-enabled .wpProQuiz_list,
body.mza-quiz-full-width-enabled .wpProQuiz_listItem,
body.mza-quiz-full-width-enabled .wpProQuiz_question,
body.mza-quiz-full-width-enabled .ld-quiz-content {
    display: block !important;
    grid-template-columns: none !important;
    columns: auto !important;
    column-count: 1 !important;
    column-width: auto !important;
}

/* ===== Each question is a full-width block ===== */
body.mza-quiz-full-width-enabled .mza-question,
body.mza-quiz-full-width-enabled .quiz-question,
body.mza-quiz-full-width-enabled .qcm-question,
body.mza-quiz-full-width-enabled .exam-question,
body.mza-quiz-full-width-enabled .wpProQuiz_listItem,
body.mza-quiz-full-width-enabled .wpProQuiz_question,
body.mza-quiz-full-width-enabled .ld-question {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    margin: 0 0 28px 0 !important;
    padding: 28px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 30px rgba(15,23,42,.06) !important;
}

/* ===== Question text ===== */
body.mza-quiz-full-width-enabled .mza-question-title,
body.mza-quiz-full-width-enabled .question-title,
body.mza-quiz-full-width-enabled .quiz-question-title,
body.mza-quiz-full-width-enabled .wpProQuiz_question_text,
body.mza-quiz-full-width-enabled .ld-question .ld-question-text {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: clamp(18px, 1.6vw, 25px) !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
    margin: 0 0 24px 0 !important;
}

/* ===== Answers are always vertical ===== */
body.mza-quiz-full-width-enabled .mza-answers,
body.mza-quiz-full-width-enabled .quiz-answers,
body.mza-quiz-full-width-enabled .qcm-answers,
body.mza-quiz-full-width-enabled .answers,
body.mza-quiz-full-width-enabled .wpProQuiz_questionList,
body.mza-quiz-full-width-enabled .ld-question .ld-question-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    columns: 1 !important;
    box-sizing: border-box !important;
}

/* ===== Each answer gets its own row ===== */
body.mza-quiz-full-width-enabled .mza-answer,
body.mza-quiz-full-width-enabled .quiz-answer,
body.mza-quiz-full-width-enabled .qcm-answer,
body.mza-quiz-full-width-enabled .answer-option,
body.mza-quiz-full-width-enabled .wpProQuiz_questionListItem,
body.mza-quiz-full-width-enabled .ld-question .ld-question-list-item {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    box-sizing: border-box !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    line-height: 1.55 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    cursor: pointer !important;
}

body.mza-quiz-full-width-enabled .mza-answer:hover,
body.mza-quiz-full-width-enabled .quiz-answer:hover,
body.mza-quiz-full-width-enabled .qcm-answer:hover,
body.mza-quiz-full-width-enabled .answer-option:hover,
body.mza-quiz-full-width-enabled .wpProQuiz_questionListItem:hover {
    border-color: #0f766e !important;
    box-shadow: 0 5px 18px rgba(15,118,110,.10) !important;
}

/* ===== Inputs ===== */
body.mza-quiz-full-width-enabled .mza-answer input,
body.mza-quiz-full-width-enabled .quiz-answer input,
body.mza-quiz-full-width-enabled .qcm-answer input,
body.mza-quiz-full-width-enabled .answer-option input,
body.mza-quiz-full-width-enabled .wpProQuiz_questionListItem input {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    margin: 3px 14px 0 0 !important;
    position: static !important;
}

/* ===== Labels ===== */
body.mza-quiz-full-width-enabled .mza-answer label,
body.mza-quiz-full-width-enabled .quiz-answer label,
body.mza-quiz-full-width-enabled .qcm-answer label,
body.mza-quiz-full-width-enabled .answer-option label,
body.mza-quiz-full-width-enabled .wpProQuiz_questionListItem label {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    line-height: 1.55 !important;
    cursor: pointer !important;
}

/* ===== Media protection ===== */
body.mza-quiz-full-width-enabled .mza-quiz img,
body.mza-quiz-full-width-enabled .mza-qcm img,
body.mza-quiz-full-width-enabled .mza-exam img,
body.mza-quiz-full-width-enabled .wpProQuiz_content img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

body.mza-quiz-full-width-enabled .mza-quiz table,
body.mza-quiz-full-width-enabled .mza-qcm table,
body.mza-quiz-full-width-enabled .mza-exam table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
}

/* ===== Candidate exam: hide correction blocks ===== */
body.mza-candidate-exam .correct-answer,
body.mza-candidate-exam .wrong-answer,
body.mza-candidate-exam .answer-explanation,
body.mza-candidate-exam .quiz-explanation,
body.mza-candidate-exam .qcm-correction,
body.mza-candidate-exam .mza-correction {
    display: none !important;
}

/* ===== Elementor containment ===== */
body.mza-quiz-full-width-enabled .elementor-widget-container,
body.mza-quiz-full-width-enabled .elementor-column,
body.mza-quiz-full-width-enabled .elementor-column-wrap,
body.mza-quiz-full-width-enabled .elementor-widget-wrap,
body.mza-quiz-full-width-enabled .e-con,
body.mza-quiz-full-width-enabled .e-con-inner {
    min-width: 0;
}

/* ===== Mobile ===== */
@media (max-width: 767px) {
    body.mza-quiz-full-width-enabled .mza-quiz,
    body.mza-quiz-full-width-enabled .mza-qcm,
    body.mza-quiz-full-width-enabled .mza-exam,
    body.mza-quiz-full-width-enabled .quiz-container,
    body.mza-quiz-full-width-enabled .qcm-container,
    body.mza-quiz-full-width-enabled .exam-container {
        width: 100% !important;
        padding: 8px !important;
        margin: 0 !important;
    }

    body.mza-quiz-full-width-enabled .mza-question,
    body.mza-quiz-full-width-enabled .quiz-question,
    body.mza-quiz-full-width-enabled .qcm-question,
    body.mza-quiz-full-width-enabled .exam-question,
    body.mza-quiz-full-width-enabled .wpProQuiz_listItem {
        width: 100% !important;
        padding: 17px !important;
        margin-bottom: 18px !important;
        border-radius: 12px !important;
    }

    body.mza-quiz-full-width-enabled .mza-answer,
    body.mza-quiz-full-width-enabled .quiz-answer,
    body.mza-quiz-full-width-enabled .qcm-answer,
    body.mza-quiz-full-width-enabled .answer-option,
    body.mza-quiz-full-width-enabled .wpProQuiz_questionListItem {
        width: 100% !important;
        padding: 14px !important;
    }
}

/* ===== Last-resort anti-overlap ===== */
body.mza-quiz-full-width-enabled .mza-quiz *,
body.mza-quiz-full-width-enabled .mza-qcm *,
body.mza-quiz-full-width-enabled .mza-exam * {
    min-width: 0;
}