/* TA Quiz Runtime - LearnDash premium styling (was snippet ID 36) */
/* =====================================================
           TOETSACADEMIE QUIZ – BASIS
           ===================================================== */

        body.single-sfwd-quiz,
        body.single-sfwd-lessons,
        body.single-sfwd-topic {
            --ta-quiz-navy: #071d46;
            --ta-quiz-purple: #21126f;
            --ta-quiz-blue: #2f5bf3;
            --ta-quiz-blue-dark: #1945d4;
            --ta-quiz-blue-soft: #eef4ff;
            --ta-quiz-bg: #eef7fc;
            --ta-quiz-card: #ffffff;
            --ta-quiz-border: #d8e3ef;
            --ta-quiz-muted: #62718a;
            --ta-quiz-success: #07845f;
            --ta-quiz-success-soft: #e9f8f2;
            --ta-quiz-error: #be2f35;
            --ta-quiz-error-soft: #fff0f1;

            background: var(--ta-quiz-bg);
        }

        .learndash-wrapper .wpProQuiz_content {
            width: 100%;
            max-width: 1080px;
            margin: 0 auto;
            padding: 28px;
            border: 1px solid var(--ta-quiz-border);
            border-radius: 18px;
            background: var(--ta-quiz-card);
            color: var(--ta-quiz-navy);
            box-shadow: 0 14px 40px rgba(24, 48, 91, .08);
        }

        .learndash-wrapper .wpProQuiz_content *,
        .learndash-wrapper .wpProQuiz_content *::before,
        .learndash-wrapper .wpProQuiz_content *::after {
            box-sizing: border-box;
        }

        /* =====================================================
           VOORTGANG EN QUIZKOP
           ===================================================== */

        .learndash-wrapper .wpProQuiz_header {
            margin: 0 0 24px;
            color: var(--ta-quiz-purple);
            font-size: clamp(25px, 3vw, 34px);
            font-weight: 800;
            line-height: 1.2;
        }

        .learndash-wrapper .wpProQuiz_quiz_time,
        .learndash-wrapper .wpProQuiz_progress {
            margin-bottom: 18px;
            padding: 12px 15px;
            border: 1px solid var(--ta-quiz-border);
            border-radius: 10px;
            background: #f7faff;
            color: var(--ta-quiz-muted);
            font-size: 13px;
            font-weight: 700;
        }

        .learndash-wrapper .wpProQuiz_progress {
            color: var(--ta-quiz-navy);
        }

        /* LearnDash voortgangsbalk */
        .learndash-wrapper .ld-progress {
            margin: 0 0 24px;
        }

        .learndash-wrapper .ld-progress-bar {
            height: 10px !important;
            border-radius: 99px;
            background: #dce6f2 !important;
            overflow: hidden;
        }

        .learndash-wrapper .ld-progress-bar-percentage {
            border-radius: 99px;
            background: linear-gradient(
                90deg,
                var(--ta-quiz-blue) 0%,
                #563bd7 100%
            ) !important;
        }

        /* =====================================================
           VRAAG
           ===================================================== */

        .learndash-wrapper .wpProQuiz_listItem {
            margin-bottom: 0 !important;
        }

        .learndash-wrapper .wpProQuiz_question {
            margin: 0 !important;
            padding: 0 !important;
        }

        .learndash-wrapper .wpProQuiz_question_text,
        .learndash-wrapper .wpProQuiz_question_text p {
            margin: 0 0 22px !important;
            color: var(--ta-quiz-navy);
            font-size: clamp(18px, 2.2vw, 22px);
            font-weight: 700;
            line-height: 1.55;
        }

        .learndash-wrapper .wpProQuiz_question_text img {
            display: block;
            max-width: 100%;
            height: auto;
            margin: 18px auto;
            border-radius: 12px;
        }

        /* Lees-voor-knop */
        .learndash-wrapper .wpProQuiz_question_text button,
        .learndash-wrapper .ta-read-aloud,
        .learndash-wrapper [class*="read-aloud"],
        .learndash-wrapper [class*="lees-voor"] {
            min-height: 40px;
            margin-bottom: 15px;
            padding: 9px 14px;
            border: 0;
            border-radius: 9px;
            background: var(--ta-quiz-blue);
            color: #ffffff;
            font-size: 13px;
            font-weight: 800;
            box-shadow: 0 5px 14px rgba(47, 91, 243, .19);
        }

        /* =====================================================
           ANTWOORDEN – COMPACTE PREMIUM KAARTEN
           ===================================================== */

        .learndash-wrapper .wpProQuiz_questionList {
            display: flex !important;
            flex-direction: column;
            gap: 10px;
            margin: 18px 0 24px !important;
            padding: 0 !important;
            border: 0 !important;
            background: transparent !important;
            list-style: none !important;
        }

        .learndash-wrapper .wpProQuiz_questionListItem {
            position: relative;
            width: 100%;
            min-height: 52px;
            margin: 0 !important;
            padding: 0 !important;
            border: 1px solid var(--ta-quiz-border) !important;
            border-radius: 11px !important;
            background: #f7f9fc !important;
            box-shadow: none;
            overflow: hidden;
            cursor: pointer;
            transition:
                border-color .18s ease,
                background-color .18s ease,
                box-shadow .18s ease,
                transform .18s ease;
        }

        .learndash-wrapper .wpProQuiz_questionListItem:hover {
            border-color: #9fb6f5 !important;
            background: #f1f5ff !important;
            box-shadow: 0 7px 18px rgba(41, 78, 174, .08);
            transform: translateY(-1px);
        }

        /*
         * Het label vult het volledige antwoord.
         */
        .learndash-wrapper .wpProQuiz_questionListItem label {
            display: flex !important;
            align-items: center;
            width: 100%;
            min-height: 52px;
            margin: 0 !important;
            padding: 13px 16px !important;
            color: var(--ta-quiz-navy);
            font-size: 15px;
            font-weight: 500;
            line-height: 1.45;
            cursor: pointer;
        }

        /* Radio- en checkboxvelden */
        .learndash-wrapper
        .wpProQuiz_questionListItem
        input[type="radio"],
        .learndash-wrapper
        .wpProQuiz_questionListItem
        input[type="checkbox"] {
            width: 18px !important;
            height: 18px !important;
            min-width: 18px;
            margin: 0 13px 0 0 !important;
            accent-color: var(--ta-quiz-blue);
            cursor: pointer;
        }

        /* =====================================================
           LEARNDASH 5.x STATUSLABELS
           =====================================================

           LearnDash 5 voegt per antwoord een statuscontainer toe met
           teksten als "Goed", "Fout" en "Correct answer". De eigen
           ToetsAcademie-feedback gebruikt al kleur en een aparte melding.
           Daarom blijven deze interne labels verborgen. De selectors zijn
           onschadelijk voor LearnDash 4.25, waar deze markup niet bestaat.
        */
        .learndash-wrapper
        .wpProQuiz_questionListItem
        .ld-quiz-question-item__status,
        .learndash-wrapper
        .wpProQuiz_questionListItem
        .ld-quiz-question-item__status--correct,
        .learndash-wrapper
        .wpProQuiz_questionListItem
        .ld-quiz-question-item__status--incorrect,
        .learndash-wrapper
        .wpProQuiz_questionListItem
        .ld-quiz-question-item__status--missed {
            display: none !important;
        }

        /* Geselecteerd antwoord via JavaScript-klasse */
        .learndash-wrapper
        .wpProQuiz_questionListItem.ta-answer-selected {
            border-color: var(--ta-quiz-blue) !important;
            background: var(--ta-quiz-blue-soft) !important;
            box-shadow:
                0 0 0 2px rgba(47, 91, 243, .10),
                0 7px 18px rgba(47, 91, 243, .09);
        }

        .learndash-wrapper
        .wpProQuiz_questionListItem.ta-answer-selected label {
            color: var(--ta-quiz-purple);
            font-weight: 700;
        }

        /*
         * Moderne browsers kunnen de geselecteerde toestand
         * ook zonder JavaScript herkennen.
         */
        .learndash-wrapper
        .wpProQuiz_questionListItem:has(input:checked) {
            border-color: var(--ta-quiz-blue) !important;
            background: var(--ta-quiz-blue-soft) !important;
            box-shadow:
                0 0 0 2px rgba(47, 91, 243, .10),
                0 7px 18px rgba(47, 91, 243, .09);
        }

        .learndash-wrapper
        .wpProQuiz_questionListItem:has(input:checked)
        label {
            color: var(--ta-quiz-purple);
            font-weight: 700;
        }

        /* =====================================================
           JUIST EN ONJUIST ANTWOORD
           ===================================================== */

        .learndash-wrapper
        .wpProQuiz_questionListItem.wpProQuiz_answerCorrect,
        .learndash-wrapper
        .wpProQuiz_questionListItem.ta-answer-correct {
            border-color: var(--ta-quiz-success) !important;
            background: var(--ta-quiz-success-soft) !important;
            box-shadow: 0 0 0 2px rgba(7, 132, 95, .09);
        }

        .learndash-wrapper
        .wpProQuiz_questionListItem.wpProQuiz_answerCorrect
        label,
        .learndash-wrapper
        .wpProQuiz_questionListItem.ta-answer-correct
        label {
            color: #075d46;
            font-weight: 700;
        }

        .learndash-wrapper
        .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect,
        .learndash-wrapper
        .wpProQuiz_questionListItem.ta-answer-incorrect {
            border-color: var(--ta-quiz-error) !important;
            background: var(--ta-quiz-error-soft) !important;
            box-shadow: 0 0 0 2px rgba(190, 47, 53, .08);
        }

        .learndash-wrapper
        .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect
        label,
        .learndash-wrapper
        .wpProQuiz_questionListItem.ta-answer-incorrect
        label {
            color: #8e2025;
            font-weight: 700;
        }

        /* LearnDash antwoordmeldingen */
        .learndash-wrapper .wpProQuiz_correct,
        .learndash-wrapper .wpProQuiz_incorrect {
            margin: 16px 0 !important;
            padding: 16px 18px !important;
            border-radius: 11px;
            font-size: 14px;
            line-height: 1.6;
        }

        .learndash-wrapper .wpProQuiz_correct {
            border: 1px solid #a9ddcb;
            background: var(--ta-quiz-success-soft) !important;
            color: #075d46 !important;
        }

        .learndash-wrapper .wpProQuiz_incorrect {
            border: 1px solid #efbec1;
            background: var(--ta-quiz-error-soft) !important;
            color: #8e2025 !important;
        }

        /* Uitleg na een antwoord */
        .learndash-wrapper .wpProQuiz_response {
            margin: 18px 0 !important;
            padding: 18px !important;
            border: 1px solid var(--ta-quiz-border);
            border-radius: 12px;
            background: #f8fbff;
            color: var(--ta-quiz-navy);
            line-height: 1.65;
        }

        /* =====================================================
           KNOPPEN
           ===================================================== */

        .learndash-wrapper .wpProQuiz_button,
        .learndash-wrapper .wpProQuiz_button2,
        .learndash-wrapper input.wpProQuiz_button,
        .learndash-wrapper input.wpProQuiz_button2,
        .learndash-wrapper .ld-button {
            min-height: 48px !important;
            padding: 12px 22px !important;
            border: 0 !important;
            border-radius: 11px !important;
            background: linear-gradient(
                135deg,
                var(--ta-quiz-blue) 0%,
                #5238d5 100%
            ) !important;
            color: #ffffff !important;
            font-family: inherit;
            font-size: 15px !important;
            font-weight: 800 !important;
            line-height: 1.2;
            text-decoration: none !important;
            box-shadow: 0 8px 20px rgba(47, 91, 243, .22);
            cursor: pointer;
            transition:
                transform .18s ease,
                box-shadow .18s ease,
                filter .18s ease;
        }

        .learndash-wrapper .wpProQuiz_button:hover,
        .learndash-wrapper .wpProQuiz_button2:hover,
        .learndash-wrapper input.wpProQuiz_button:hover,
        .learndash-wrapper input.wpProQuiz_button2:hover,
        .learndash-wrapper .ld-button:hover {
            color: #ffffff !important;
            filter: brightness(1.04);
            transform: translateY(-1px);
            box-shadow: 0 11px 25px rgba(47, 91, 243, .28);
        }

        /*
         * Skip-knop als secundaire actie.
         */
        .learndash-wrapper
        input.wpProQuiz_button[name="skip"],
        .learndash-wrapper
        .wpProQuiz_button.wpProQuiz_QuestionButton:first-of-type {
            border: 1px solid #cbd7e7 !important;
            background: #ffffff !important;
            color: var(--ta-quiz-blue) !important;
            box-shadow: none;
        }

        .learndash-wrapper
        input.wpProQuiz_button[name="skip"]:hover,
        .learndash-wrapper
        .wpProQuiz_button.wpProQuiz_QuestionButton:first-of-type:hover {
            border-color: var(--ta-quiz-blue) !important;
            background: var(--ta-quiz-blue-soft) !important;
            color: var(--ta-quiz-blue-dark) !important;
        }

        /* Knoppenrij */
        .learndash-wrapper .wpProQuiz_question_page,
        .learndash-wrapper .wpProQuiz_question_page + div {
            border-color: var(--ta-quiz-border);
        }

        .learndash-wrapper .wpProQuiz_questionButton {
            margin-top: 24px !important;
        }

        /* =====================================================
           QUIZOVERZICHT EN RESULTAAT
           ===================================================== */

        .learndash-wrapper .wpProQuiz_results {
            padding: 24px;
            border: 1px solid var(--ta-quiz-border);
            border-radius: 14px;
            background: #f8fbff;
        }

        .learndash-wrapper .wpProQuiz_results h4,
        .learndash-wrapper .wpProQuiz_results h3 {
            color: var(--ta-quiz-purple);
            font-weight: 800;
        }

        .learndash-wrapper .wpProQuiz_points,
        .learndash-wrapper .wpProQuiz_resultTable {
            color: var(--ta-quiz-navy);
        }

        .learndash-wrapper .wpProQuiz_reviewQuestion {
            margin: 20px 0 !important;
            padding: 16px !important;
            border: 1px solid var(--ta-quiz-border);
            border-radius: 12px;
            background: #f8fbff;
        }

        .learndash-wrapper .wpProQuiz_reviewQuestion li {
            border-radius: 7px;
        }

        /* =====================================================
           MOBIEL
           ===================================================== */

        @media (max-width: 700px) {
            body.single-sfwd-quiz,
            body.single-sfwd-lessons,
            body.single-sfwd-topic {
                background: #ffffff;
            }

            .learndash-wrapper .wpProQuiz_content {
                padding: 18px 14px;
                border-right: 0;
                border-left: 0;
                border-radius: 0;
                box-shadow: none;
            }

            .learndash-wrapper .wpProQuiz_question_text,
            .learndash-wrapper .wpProQuiz_question_text p {
                margin-bottom: 18px !important;
                font-size: 18px;
            }

            .learndash-wrapper .wpProQuiz_questionList {
                gap: 8px;
                margin-top: 14px !important;
            }

            .learndash-wrapper .wpProQuiz_questionListItem {
                min-height: 49px;
                border-radius: 9px !important;
            }

            .learndash-wrapper .wpProQuiz_questionListItem label {
                min-height: 49px;
                padding: 11px 13px !important;
                font-size: 14px;
                line-height: 1.4;
            }

            .learndash-wrapper
            .wpProQuiz_questionListItem
            input[type="radio"],
            .learndash-wrapper
            .wpProQuiz_questionListItem
            input[type="checkbox"] {
                width: 17px !important;
                height: 17px !important;
                min-width: 17px;
                margin-right: 10px !important;
            }

            .learndash-wrapper .wpProQuiz_questionButton {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

            .learndash-wrapper .wpProQuiz_questionButton input,
            .learndash-wrapper .wpProQuiz_questionButton button,
            .learndash-wrapper .wpProQuiz_questionButton .wpProQuiz_button {
                width: 100% !important;
                margin: 0 !important;
            }
        }

        /* =====================================================
           TOEGANKELIJKHEID
           ===================================================== */

        .learndash-wrapper
        .wpProQuiz_questionListItem:focus-within {
            outline: 3px solid rgba(47, 91, 243, .18);
            outline-offset: 2px;
        }

        @media (prefers-reduced-motion: reduce) {
            .learndash-wrapper .wpProQuiz_questionListItem,
            .learndash-wrapper .wpProQuiz_button,
            .learndash-wrapper .wpProQuiz_button2,
            .learndash-wrapper .ld-button {
                transition: none;
            }

            .learndash-wrapper
            .wpProQuiz_questionListItem:hover,
            .learndash-wrapper
            .wpProQuiz_button:hover,
            .learndash-wrapper
            .wpProQuiz_button2:hover {
                transform: none;
            }
        }
/* =====================================================
   LEARNDASH CURSUSPAD / BREADCRUMBS – 4.25 EN 5.x
   =====================================================

   LearnDash 5 kan de breadcrumb als een gewone genummerde lijst tonen
   wanneer de LD30-basisregels door thema- of optimalisatie-CSS worden
   overschreven. Deze regels herstellen de compacte ToetsAcademie-balk,
   zonder de breadcrumbinhoud of links te wijzigen.
*/
.learndash-wrapper .ld-breadcrumbs {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px;
    margin: 0 0 20px !important;
    padding: 11px 18px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #e8f1f5 !important;
    color: var(--ta-quiz-navy, #071d46) !important;
    box-shadow: none !important;
}

/* Legacy LD30-markup, gebruikt door LearnDash 4.25 en diverse 5.x-layouts. */
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    gap: 4px 7px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: none !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments > li {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ta-quiz-navy, #071d46) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    list-style: none !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments > li::marker {
    content: "";
    font-size: 0;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments > li:not(:last-child)::after {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 7px !important;
    color: #4c6079 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments > li:last-child::after {
    content: none !important;
    display: none !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments a,
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0097dd !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments a:hover,
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments a:focus-visible {
    color: var(--ta-quiz-blue-dark, #1945d4) !important;
    text-decoration: underline !important;
}

/* Nieuwe LearnDash 5 modern-markup. */
.learndash-wrapper .ld-breadcrumbs.ld-breadcrumbs--modern,
.learndash-wrapper nav.ld-breadcrumbs--modern {
    display: block !important;
}

.learndash-wrapper .ld-breadcrumbs--modern > .ld-breadcrumbs__items {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    gap: 4px 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ta-quiz-navy, #071d46) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    list-style: none !important;
}

.learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__item::marker {
    content: "";
    font-size: 0;
}

.learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__link {
    color: #0097dd !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

.learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__link:hover,
.learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__link:focus-visible {
    color: var(--ta-quiz-blue-dark, #1945d4) !important;
    text-decoration: underline !important;
}

.learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__delimiter {
    display: inline-flex !important;
    align-items: center !important;
    color: #4c6079 !important;
}

/* Eventuele status rechts van de legacy breadcrumb blijft compact. */
.learndash-wrapper .ld-breadcrumbs > .ld-status {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

@media (max-width: 767px) {
    .learndash-wrapper .ld-breadcrumbs {
        padding: 10px 12px !important;
        border-radius: 7px !important;
    }

    .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments > li,
    .learndash-wrapper .ld-breadcrumbs--modern .ld-breadcrumbs__item {
        font-size: 12px !important;
    }

    .learndash-wrapper .ld-breadcrumbs > .ld-status {
        width: 100% !important;
        margin: 8px 0 0 !important;
    }
}


/* ============================================================
   LEARNDASH 5.x SORTEERVRAGEN – COMPATIBILITEITSFIX
   Versie 12.1.5 / Quiz Runtime 1.13.3

   LearnDash 5 gebruikt voor sort_answer eigen .ld-sortable-markup.
   De algemene antwoordkaartregels van ToetsAcademie mogen deze
   items niet als radio-/checkboxkaarten behandelen.
   ============================================================ */

/* Herstel de lijstcontainer als echte sorteerlijst. */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList.ld-sortable--sort_answer {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 18px 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

/* Sorteeritems krijgen hun eigen kaartlayout en worden niet afgeknipt. */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.ld-sortable__item--sort_answer {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 1px solid var(--ta-quiz-border, #d7e0ec) !important;
    border-radius: 11px !important;
    background: #f7f9fc !important;
    box-shadow: none !important;
    cursor: default !important;
    transform: none !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.ld-sortable__item--sort_answer:hover {
    border-color: #9fb6f5 !important;
    background: #f1f5ff !important;
    box-shadow: 0 7px 18px rgba(41, 78, 174, .08) !important;
    transform: none !important;
}

/* Het versleephandvat bevat alleen icoon + antwoordtekst. */
.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-handle {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 13px 16px !important;
    border: 0 !important;
    border-radius: 10px 0 0 10px !important;
    background: transparent !important;
    color: var(--ta-quiz-navy, #071d46) !important;
    box-shadow: none !important;
    font: inherit !important;
    text-align: left !important;
    cursor: grab !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-handle:active {
    cursor: grabbing !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: var(--ta-quiz-navy, #071d46) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-svgicon__drag {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #61708a !important;
    box-sizing: border-box !important;
}

/* Toegankelijke omhoog/omlaag-knoppen compact naast elkaar. */
.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move-container {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--ta-quiz-border, #d7e0ec) !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid var(--ta-quiz-border, #d7e0ec) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ta-quiz-blue, #2f5bf3) !important;
    box-shadow: none !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move:first-child {
    border-left: 0 !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move:last-child {
    border-radius: 0 10px 10px 0 !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move:hover,
.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move:focus-visible,
.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-handle:focus-visible {
    background: var(--ta-quiz-blue-soft, #eef3ff) !important;
    color: var(--ta-quiz-purple, #24116f) !important;
    outline: 2px solid var(--ta-quiz-blue, #2f5bf3) !important;
    outline-offset: -2px !important;
}

.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move svg,
.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move .ld-svgicon__up-caret,
.learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move .ld-svgicon__down-caret {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

/* Screenreaderteksten blijven toegankelijk maar nooit visueel zichtbaar. */
.learndash-wrapper .ld-sortable__item--sort_answer .sr-only,
.learndash-wrapper .ld-sortable__item--sort_answer .sr-only-reorder,
.learndash-wrapper .ld-sortable__item--sort_answer .sr-only-move,
.learndash-wrapper .ld-sortable__item--sort_answer .sr-only-status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* De eigen feedbackkaart maakt de LearnDash 5 statuswoorden overbodig. */
.learndash-wrapper .ld-sortable__item--sort_answer .ld-sortable__item-status-container,
.learndash-wrapper .ld-sortable__item--sort_answer .ld-sortable__item-status {
    display: none !important;
    visibility: hidden !important;
}

/* Correct-/foutkleur na controle zonder losse tekstlabels. */
.learndash-wrapper .ld-sortable__item--sort_answer.ld-sortable__item--correct {
    border-color: var(--ta-quiz-success, #07845f) !important;
    background: var(--ta-quiz-success-soft, #eaf8f2) !important;
}

.learndash-wrapper .ld-sortable__item--sort_answer.ld-sortable__item--incorrect {
    border-color: var(--ta-quiz-error, #be2f35) !important;
    background: var(--ta-quiz-error-soft, #fff0f1) !important;
}

.learndash-wrapper .ld-sortable__item--sort_answer.ld-sortable__item--correct-answer {
    border-color: #8ea0ba !important;
    background: #f0f3f7 !important;
}

/* Mobiel: antwoord boven, bedieningsknoppen compact onderaan. */
@media (max-width: 767px) {
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.ld-sortable__item--sort_answer {
        flex-wrap: wrap !important;
    }

    .learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-handle {
        flex: 1 1 100% !important;
        width: 100% !important;
        border-radius: 10px 10px 0 0 !important;
    }

    .learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move-container {
        width: 100% !important;
        border-top: 1px solid var(--ta-quiz-border, #d7e0ec) !important;
        border-left: 0 !important;
    }

    .learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move {
        flex: 1 1 50% !important;
        width: auto !important;
        min-height: 44px !important;
    }

    .learndash-wrapper .wpProQuiz_content .ld-sortable__item--sort_answer .ld-sortable__item-move:last-child {
        border-radius: 0 0 10px 0 !important;
    }
}