/* ----------------------------------------------------------------------------
   8. SECTION ICON - 6 fichiers
   Fichier cible: 04-components/icons.css
   ---------------------------------------------------------------------------- */

.section-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 1rem;
    color: #3498db;
    display: inline-block;
}

.section-icon svg {
    width: 100%;
    height: 100%;
    stroke-width: 2;
}

.section-icon.large {
    width: 64px;
    height: 64px;
}

.section-icon.small {
    width: 32px;
    height: 32px;
}

/* Couleurs alternatives */
.section-icon.success {
    color: #2ecc71;
}

.section-icon.warning {
    color: #f39c12;
}

.section-icon.danger {
    color: #e74c3c;
}

.section-icon.info {
    color: #3498db;
}