/* WS Booster - WS Icones Extras (icones hors webfont)
 *
 * Ces icones n'existent pas dans le webfont principal.
 * Pour le picker Elementor (admin only), on les affiche via mask-image
 * qui rend uniquement la forme en currentColor.
 *
 * Au front, render_svg_inline (class-lucide-icons.php) inline le SVG complet.
 */

/* Reset font-family pour les icones non-webfont :
 * sinon le selecteur global applique font-family du webfont
 * qui rend un caractere fallback invisible et empeche le mask de s'afficher. */
.wsi-knee,
.wsi-ankle,
.wsi-shoulder,
.wsi-wrist,
.wsi-back,
.wsi-abdominal-belt,
.wsi-compression-stocking,
.wsi-cervical-collar,
.wsi-neck,
.wsi-elbow,
.wsi-basket,
.wsi-chaussures,
.wsi-pied,
.wsi-jambe,
.lucide-knee,
.lucide-ankle,
.lucide-shoulder,
.lucide-wrist,
.lucide-back,
.lucide-abdominal-belt,
.lucide-compression-stocking,
.lucide-cervical-collar,
.lucide-neck,
.lucide-elbow,
.lucide-basket,
.lucide-chaussures,
.lucide-pied,
.lucide-jambe {
    font-family: inherit !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
}

.wsi-knee::before, .wsi-ankle::before, .wsi-shoulder::before, .wsi-wrist::before, .wsi-back::before,
.wsi-abdominal-belt::before, .wsi-compression-stocking::before, .wsi-cervical-collar::before, .wsi-neck::before, .wsi-elbow::before,
.wsi-basket::before, .wsi-chaussures::before, .wsi-pied::before, .wsi-jambe::before,
.lucide-knee::before, .lucide-ankle::before, .lucide-shoulder::before, .lucide-wrist::before, .lucide-back::before,
.lucide-abdominal-belt::before, .lucide-compression-stocking::before, .lucide-cervical-collar::before, .lucide-neck::before, .lucide-elbow::before,
.lucide-basket::before, .lucide-chaussures::before, .lucide-pied::before, .lucide-jambe::before {
    content: none !important;
}

.wsi-knee,                 .lucide-knee                 { -webkit-mask-image: url('svg/knee.svg');                 mask-image: url('svg/knee.svg'); }
.wsi-ankle,                .lucide-ankle                { -webkit-mask-image: url('svg/ankle.svg');                mask-image: url('svg/ankle.svg'); }
.wsi-shoulder,             .lucide-shoulder             { -webkit-mask-image: url('svg/shoulder.svg');             mask-image: url('svg/shoulder.svg'); }
.wsi-wrist,                .lucide-wrist                { -webkit-mask-image: url('svg/wrist.svg');                mask-image: url('svg/wrist.svg'); }
.wsi-back,                 .lucide-back                 { -webkit-mask-image: url('svg/back.svg');                 mask-image: url('svg/back.svg'); }
.wsi-abdominal-belt,       .lucide-abdominal-belt       { -webkit-mask-image: url('svg/abdominal-belt.svg');       mask-image: url('svg/abdominal-belt.svg'); }
.wsi-compression-stocking, .lucide-compression-stocking { -webkit-mask-image: url('svg/compression-stocking.svg'); mask-image: url('svg/compression-stocking.svg'); }
.wsi-cervical-collar,      .lucide-cervical-collar      { -webkit-mask-image: url('svg/cervical-collar.svg');      mask-image: url('svg/cervical-collar.svg'); }
.wsi-neck,                 .lucide-neck                 { -webkit-mask-image: url('svg/neck.svg');                 mask-image: url('svg/neck.svg'); }
.wsi-elbow,                .lucide-elbow                { -webkit-mask-image: url('svg/elbow.svg');                mask-image: url('svg/elbow.svg'); }
.wsi-basket,               .lucide-basket               { -webkit-mask-image: url('svg/basket.svg');               mask-image: url('svg/basket.svg'); }
.wsi-chaussures,           .lucide-chaussures           { -webkit-mask-image: url('svg/chaussures.svg');           mask-image: url('svg/chaussures.svg'); }
.wsi-pied,                 .lucide-pied                 { -webkit-mask-image: url('svg/pied.svg');                 mask-image: url('svg/pied.svg'); }
.wsi-jambe,                .lucide-jambe                { -webkit-mask-image: url('svg/jambe.svg');                mask-image: url('svg/jambe.svg'); }