/* ==========================================================================
   Index Page Styles - Additional styles for syllabus
   ========================================================================== */

/* Card progress bars */
.card-progress .mini-progress::after {
    width: 0%;
}

.lesson-card[data-slug] .mini-progress.completed::after {
    width: 100%;
}

.lesson-card[data-slug] .mini-progress.in-progress::after {
    width: 50%;
}

.lesson-card .status-completed {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #16A34A !important;
}

.lesson-card .status-inprogress {
    background: rgba(226, 135, 67, 0.15) !important;
    color: #E28743 !important;
}