/* Additional CSS for Quiz Refactored Module */

h5 {
    margin-top: .5rem;
}
.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer:hover {
    opacity: 0.8;
    transform: scale(1.02);
    transition: all 0.2s ease;
}

/* Leaderboard animations */
.list-group-item {
    transition: all 0.3s ease;
}

.list-group-item:hover {
    background-color: rgba(0,0,0,0.05) !important;
}

/* Quiz form styling */
.form-check-input {
    margin-top: 0.65rem; /* Move radio buttons down slightly to align with label text */
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-label {
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.375rem;
    transition: background-color 0.2s ease;
}

.form-check-label:hover {
    background-color: rgba(13, 110, 253, 0.1);
}

/* Progress indicator */
.quiz-progress {
    height: 8px;
    background: linear-gradient(90deg, 
        var(--bs-success) 0%, 
        var(--bs-warning) 50%, 
        var(--bs-danger) 100%);
    border-radius: 4px;
}

/* Modal improvements */
.modal-body img {
    max-height: 70vh;
    object-fit: contain;
}

/* Badge improvements */
.badge {
    font-size: 0.875em;
}

/* Card hover effects */
.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transition: box-shadow 0.15s ease-in-out;
}