/* Course Progress Bar Styles */
.course-card .progress {
    background-color: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
}

.course-card .progress-bar {
    background: linear-gradient(90deg, #007bff 0%, #0056b3 100%);
    border-radius: 10px;
    transition: width 0.3s ease;
}

.course-card .progress-bar.completed {
    background: linear-gradient(90deg, #28a745 0%, #1e7e34 100%);
}

/* Progress text styling */
.course-card .progress-text {
    font-size: 0.75rem;
    font-weight: 500;
}

/* Completed badge styling */
.course-card .completed-badge {
    background-color: #d4edda;
    color: #155724;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Hover effects */
.course-card:hover .progress-bar {
    transform: scaleY(1.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .course-card .progress {
        height: 4px !important;
    }

    .course-card .progress-text {
        font-size: 0.7rem;
    }
}