/* Single Choice specific styles */
.single-choice-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px; /* Khôi phục padding */
    width: 100%; /* Đảm bảo toàn bộ chiều rộng */
    background: #f0f0f0; /* Nền mặc định */
    border: 2px solid #41c5c8; /* Viền mặc định */
    border-radius: 5px; /* Bo góc */
    transition: all 0.3s ease;
}

.single-choice-option input[type="radio"] {
    margin: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    appearance: none; /* Xóa kiểu mặc định */
    border: 2px solid #41c5c8;
    border-radius: 50%; /* Đảm bảo radio tròn */
    outline: none;
    position: relative;
}

.single-choice-option input[type="radio"]:checked {
    background-color: #39c6c6;
}

.single-choice-option input[type="radio"]:checked::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.single-choice-option p {
    margin: 0; /* Xóa margin mặc định của p */
    font-size: 1rem;
    width: 100%;
    cursor: pointer;
    color: #666; /* Màu chữ #666 */
}

.single-choice-option:hover {
    background: #e0e0e0; /* Hiệu ứng hover */
}

.single-choice-option.selected {
    background: #e0f7fa; /* Hiệu ứng khi chọn */
    border-color: #39c6c6;
}

.single-choice-option.correct {
    border: 2px solid #FFFFFF !important; /* Viền trắng khi đúng */
}

.single-choice-option.correct p {
    color: #39C6C6; /* Màu chữ khi đúng */
    background: #E6FCF4; /* Nền khi đúng */
}

.single-choice-option.incorrect {
    border: none !important; /* Không viền khi sai */
}

.single-choice-option.incorrect p {
    color: #FD908C; /* Màu chữ khi sai */
    background: #FEF6E0; /* Nền khi sai */
}

/* Kết hợp selected và correct */
.single-choice-option.selected.correct {
    border: 2px solid #FFFFFF !important; /* Viền trắng khi chọn đúng */
}

.single-choice-option.selected.correct p {
    color: #39C6C6; /* Màu chữ khi chọn đúng */
    background: #E6FCF4; /* Nền khi chọn đúng */
}