/* Question navigator (review question list) - pink dot for wrong questions */
.wpProQuiz_reviewQuestion li.wpProQuiz_wrongForRevision {
    position: relative;
}

.wpProQuiz_reviewQuestion li.wpProQuiz_wrongForRevision:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e91e63;
}

/*
 * Layout safety: WP Pro Quiz ships a mobile rule using 100vw + translateX centering.
 * That pattern can create horizontal overflow and cause container width "squeeze"
 * with builders like Elementor after dynamic DOM updates.
 *
 * Override it here so the fix applies even when wpProQuiz_front.min.css is used.
 */
@media (max-width: 980px) {
    .wpProQuiz_content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}