/* Modern SVG Icon Styles for Course Modules */

.program-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(123, 104, 238, 0.1), rgba(157, 143, 255, 0.05));
    border-radius: 16px;
}

.program-icon svg {
    width: 32px;
    height: 32px;
    stroke: var(--primary-purple, #7B68EE);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Filled icons for specific types */
.program-icon svg.filled {
    fill: var(--primary-purple, #7B68EE);
    stroke: none;
}

/* Icon color variations for different course types */
.program-icon.math-icon svg {
    stroke: #FF6B6B;
}

.program-icon.programming-icon svg {
    stroke: #4ECDC4;
}

.program-icon.language-icon svg {
    stroke: #95E1D3;
}

.program-icon.web-icon svg {
    stroke: #F38181;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .program-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
    }
    
    .program-icon svg {
        width: 28px;
        height: 28px;
    }
    
    /* Hide module header icons on mobile */
    .module-header-icon {
        display: none !important;
    }
}