/* 
 * CSS Icons pour remplacer FontAwesome fas fa-check
 * Alternative légère aux icônes FontAwesome
 */

/* Icône de check de base */
.fas.fa-check::before {
    content: "✓";
    font-family: inherit;
    font-weight: bold;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    margin-right: .2em;
}

/* Version SVG plus précise pour fas fa-check */
.fas.fa-check {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.125em;
}


/* Pour que l'icône hérite de la couleur du parent */
.fas.fa-check {
    color: inherit;
}

.fas.fa-check::before {
    background-color: currentColor;
    background-image: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Variantes de couleurs courantes */
.description_items_commercial .fa-check::before {
    color: #3ba91a;
}

.fas.fa-check[style*="fill"] {
    /* Si fill est utilisé, on l'applique comme couleur */
    color: inherit;
}

/* Tailles alternatives */
.fas.fa-check.fa-lg {
    font-size: 1.33em;
}

.fas.fa-check.fa-2x {
    font-size: 2em;
}

.fas.fa-check.fa-3x {
    font-size: 3em;
}

/* Support pour les boutons */
.btn .fas.fa-check {
    margin-right: 0.5em;
}

/* Alternative simple avec caractère Unicode si SVG pose problème */
.fas-fallback.fa-check::before {
    content: "✓";
    font-weight: bold;
    font-size: 1em;
    line-height: 1;
}

/* Alternative simple avec caractère Unicode si SVG pose problème */
.fas-fallback.fa-sync-alt::before {
    content: "↻";
    font-weight: bold;
    font-size: 1em;
    line-height: 1;
}