/* 
 * 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;
}

/* 
 * CSS Icons pour remplacer FontAwesome fas fa-sync-alt
 * Icône de synchronisation/rafraîchissement
 */

.fas.fa-sync-alt {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    color: inherit;
}

.fas.fa-sync-alt::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    background-image: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48C141.13 48 48 141.13 48 256c0 114.87 93.13 208 208 208 48.09 0 92.35-16.39 127.48-43.84l-28.84-28.84C331.68 408.55 295.53 424 256 424c-92.64 0-168-75.36-168-168S163.36 88 256 88s168 75.36 168 168c0 20.38-3.64 39.9-10.26 58.06L376 276.36c16.89-24.89 24-55.3 24-88.36 0-114.87-93.13-208-208-208zm0 312c-57.42 0-104-46.58-104-104s46.58-104 104-104c36.69 0 69.12 19 87.64 47.66L304 240h112V128l-28.28 28.28C362.05 125.37 311.37 104 256 104c-83.8 0-152 68.2-152 152s68.2 152 152 152c44.49 0 84.37-19.15 112-49.68L339.72 230c-21.53 28.66-54.08 47.66-87.64 47.66z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48C141.13 48 48 141.13 48 256c0 114.87 93.13 208 208 208 48.09 0 92.35-16.39 127.48-43.84l-28.84-28.84C331.68 408.55 295.53 424 256 424c-92.64 0-168-75.36-168-168S163.36 88 256 88s168 75.36 168 168c0 20.38-3.64 39.9-10.26 58.06L376 276.36c16.89-24.89 24-55.3 24-88.36 0-114.87-93.13-208-208-208zm0 312c-57.42 0-104-46.58-104-104s46.58-104 104-104c36.69 0 69.12 19 87.64 47.66L304 240h112V128l-28.28 28.28C362.05 125.37 311.37 104 256 104c-83.8 0-152 68.2-152 152s68.2 152 152 152c44.49 0 84.37-19.15 112-49.68L339.72 230c-21.53 28.66-54.08 47.66-87.64 47.66z'/%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;
}

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

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

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

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

/* Animation de rotation pour sync-alt (optionnelle) */
.fas.fa-sync-alt.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 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;
}