/* ==========================================
   SVG ICONS MAPPING - IDC
   Remplace les Material Symbols par des SVG locaux
   ========================================== */

.icon-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
}

.icon-svg svg {
    height: 1em;
    width: 1em;
    display: inherit;
}

/* SVG Outline Icons - Apply stroke color to empty paths */
.icon-svg svg path {
    fill: none;
    stroke-width: 2;
}

.icon-svg svg circle,
.icon-svg svg rect,
.icon-svg svg polygon,
.icon-svg svg polyline {
    fill: none;
    stroke-width: 2;
}

/* Tailles */
.icon-svg.icon-xs { font-size: 12px; }
.icon-svg.icon-s { font-size: 16px; }
.icon-svg.icon-m { font-size: 24px; }
.icon-svg.icon-l { font-size: 32px; }
.icon-svg.icon-xl { font-size: 48px; }

/* Couleurs */
.icon-svg.icon-primary svg,
.icon-svg.icon-primary svg path,
.icon-svg.icon-primary svg circle,
.icon-svg.icon-primary svg rect,
.icon-svg.icon-primary svg polygon,
.icon-svg.icon-primary svg polyline {
    color: #E36A13;
    stroke: #E36A13;
}

.icon-svg.icon-secondary svg,
.icon-svg.icon-secondary svg path,
.icon-svg.icon-secondary svg circle,
.icon-svg.icon-secondary svg rect,
.icon-svg.icon-secondary svg polygon,
.icon-svg.icon-secondary svg polyline {
    color: #0F6B32;
    stroke: #0F6B32;
}

.icon-svg.icon-success svg,
.icon-svg.icon-success svg path,
.icon-svg.icon-success svg circle,
.icon-svg.icon-success svg rect,
.icon-svg.icon-success svg polygon,
.icon-svg.icon-success svg polyline {
    color: #0F6B32;
    stroke: #0F6B32;
}

.icon-svg.icon-warning svg,
.icon-svg.icon-warning svg path,
.icon-svg.icon-warning svg circle,
.icon-svg.icon-warning svg rect,
.icon-svg.icon-warning svg polygon,
.icon-svg.icon-warning svg polyline {
    color: #E36A13;
    stroke: #E36A13;
}

.icon-svg.icon-dark svg,
.icon-svg.icon-dark svg path,
.icon-svg.icon-dark svg circle,
.icon-svg.icon-dark svg rect,
.icon-svg.icon-dark svg polygon,
.icon-svg.icon-dark svg polyline {
    color: #0B0B0B;
    stroke: #0B0B0B;
}

.icon-svg.icon-light svg,
.icon-svg.icon-light svg path,
.icon-svg.icon-light svg circle,
.icon-svg.icon-light svg rect,
.icon-svg.icon-light svg polygon,
.icon-svg.icon-light svg polyline {
    color: #F4F4F4;
    stroke: #F4F4F4;
}

.icon-svg.icon-neutral svg,
.icon-svg.icon-neutral svg path,
.icon-svg.icon-neutral svg circle,
.icon-svg.icon-neutral svg rect,
.icon-svg.icon-neutral svg polygon,
.icon-svg.icon-neutral svg polyline {
    color: #4F4F4F;
    stroke: #4F4F4F;
}