/* WeCann LMS - Frontend Styles */
.wecann-courses-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;}
.wecann-course-card {background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s;}
.wecann-course-card:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.wecann-course-card .course-thumbnail img {width: 100%; height: 200px; object-fit: cover;}
.wecann-course-card .course-content {padding: 20px;}
.wecann-course-card h3 {margin: 0 0 10px 0;}
.wecann-course-card h3 a {text-decoration: none; color: #333;}
.wecann-btn {display: inline-block; padding: 10px 20px; background: #4CAF50; color: #fff; text-decoration: none; border-radius: 4px; border: none; cursor: pointer;}
.wecann-btn:hover {background: #45a049;}
.wecann-btn.completed {background: #666; cursor: default;}
.progress-bar {width: 100%; height: 20px; background: #e0e0e0; border-radius: 10px; overflow: hidden; margin: 10px 0;}
.progress-fill {height: 100%; background: linear-gradient(90deg, #4CAF50, #8BC34A); transition: width 0.3s;}
.wecann-video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.wecann-video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wecann-lesson-actions {margin: 20px 0; text-align: center;}