/* ================== KẾT QUẢ QUIZ: ĐÚNG / SAI ================== */
/* Namespace: .tora-flashcard-plugin */

.tora-flashcard-plugin .correct-message {
    text-align: left;
}

.tora-flashcard-plugin .correct-message .title {
    color: var(--tora-success);
    font-size: clamp(1.5em, 3vw, 1.5em);
    font-weight: 700;
    margin: 0 0 10px;
}

.tora-flashcard-plugin .correct-message .subtitle {
    font-size: clamp(16px, 2.5vw, 16px);
    font-weight: 700;
    margin: 0 0 10px;
}

.tora-flashcard-plugin .correct-message .details {
    font-size: clamp(14px, 2vw, 14px);
    color: var(--tora-text-sub);
    margin: 0 0 5px;
}

.tora-flashcard-plugin .incorrect-message {
    text-align: left;
}

.tora-flashcard-plugin .incorrect-message .title {
    color: var(--tora-error);
    font-size: clamp(1.5em, 3vw, 1.5em);
    font-weight: 700;
    margin: 0 0 10px;
}

.tora-flashcard-plugin .incorrect-message .label {
    font-size: clamp(16px, 2.5vw, 16px);
    font-weight: 400;
    margin: 0 0 5px;
}

.tora-flashcard-plugin .incorrect-message .definition {
    font-size: clamp(16px, 2.5vw, 16px);
    font-weight: 700;
    margin: 0 0 10px;
}

.tora-flashcard-plugin .incorrect-message .details {
    font-size: clamp(14px, 2vw, 14px);
    color: var(--tora-text-sub);
    margin: 0 0 5px;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .tora-flashcard-plugin .correct-message .title,
    .tora-flashcard-plugin .incorrect-message .title {
        font-size: clamp(1.2em, 2.5vw, 1.2em);
    }

    .tora-flashcard-plugin .correct-message .subtitle,
    .tora-flashcard-plugin .correct-message .details,
    .tora-flashcard-plugin .incorrect-message .label,
    .tora-flashcard-plugin .incorrect-message .definition,
    .tora-flashcard-plugin .incorrect-message .details {
        font-size: clamp(14px, 2vw, 14px);
    }
}

@media (max-width: 480px) {
    .tora-flashcard-plugin .correct-message .title,
    .tora-flashcard-plugin .incorrect-message .title {
        font-size: clamp(1em, 2vw, 1em);
    }

    .tora-flashcard-plugin .correct-message .subtitle,
    .tora-flashcard-plugin .correct-message .details,
    .tora-flashcard-plugin .incorrect-message .label,
    .tora-flashcard-plugin .incorrect-message .definition,
    .tora-flashcard-plugin .incorrect-message .details {
        font-size: clamp(12px, 1.8vw, 12px);
    }
}