/* ===================================
   CASES À COCHER POUR PROGRESSION DES LEÇONS
   =================================== */

.lesson-checkbox-wrapper {
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.lesson-checkbox {
    font-size: 1.125rem !important;
    color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}

.lesson-checkbox:hover {
    color: rgba(0, 208, 132, 0.6);
    transform: scale(1.1);
}

.lesson-checkbox.completed {
    color: #00D084 !important;
    animation: checkPulse 0.4s ease-out;
}

.lesson-checkbox.completed:hover {
    color: #50C878 !important;
}

/* Animation quand une leçon est marquée comme lue */
@keyframes checkPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/* Ajustement du layout de la leçon */
.sidebar-submenu .sidebar-menu-button.lesson-item {
    display: flex;
    align-items: center;
    padding-left: 10px !important;
}

/* Effet de la leçon complétée */
.sidebar-submenu .lesson-item.module-completed .sidebar-menu-text {
    opacity: 0.7;
    text-decoration: line-through;
    text-decoration-color: rgba(255, 255, 255, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .lesson-checkbox {
        font-size: 1rem !important;
    }
    
    .lesson-checkbox-wrapper {
        margin-right: 0.35rem;
    }
}