/* ============================================================
   SDJ Icons — moteur d'icônes par masque CSS (remplace Font Awesome)
   Chaque .fa-X génère un ::before masqué par le SVG Phosphor correspondant.
   width/height = 1em (épouse la font-size existante), background = currentColor.
   Une classe fa-X non reconnue n'affiche RIEN (background transparent) — jamais
   de carré plein. Généré automatiquement — ne pas éditer à la main.
   ============================================================ */

/* Base : neutralise l'ancien rendu glyphe FA, prépare le conteneur */
.fa, .fas, .far, .fab, .fal, .fad,
[class^="fa-"], [class*=" fa-"] {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-family: inherit;
}

/* Pseudo-élément masque commun. background transparent par défaut :
   seules les classes d'icône connues (ci-dessous) passent en currentColor. */
.fa::before, .fas::before, .far::before, .fab::before, .fal::before, .fad::before,
[class^="fa-"]::before, [class*=" fa-"]::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: transparent;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}

/* Animation spin (compat fa-spin) */
@keyframes fa-spin { to { transform: rotate(360deg); } }
.fa-spin::before, .fa-spin {
    -webkit-animation: fa-spin 1s linear infinite;
            animation: fa-spin 1s linear infinite;
}
.fa-pulse::before, .fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
            animation: fa-spin 1s steps(8) infinite;
}

/* ---- Masques par classe (background:currentColor = icône visible) ---- */
.fa-hand-holding-heart::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-hand-holding-heart.svg); mask-image: url(/assets/public/icons/fa-hand-holding-heart.svg); }
.fa-ban::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-ban.svg); mask-image: url(/assets/public/icons/fa-ban.svg); }
.fa-recycle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-recycle.svg); mask-image: url(/assets/public/icons/fa-recycle.svg); }
.fa-paw::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-paw.svg); mask-image: url(/assets/public/icons/fa-paw.svg); }
.fa-globe-europe::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-globe-europe.svg); mask-image: url(/assets/public/icons/fa-globe-europe.svg); }
.fa-angle-down::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-angle-down.svg); mask-image: url(/assets/public/icons/fa-angle-down.svg); }
.fa-arrow-down::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-arrow-down.svg); mask-image: url(/assets/public/icons/fa-arrow-down.svg); }
.fa-arrow-left::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-arrow-left.svg); mask-image: url(/assets/public/icons/fa-arrow-left.svg); }
.fa-arrow-right::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-arrow-right.svg); mask-image: url(/assets/public/icons/fa-arrow-right.svg); }
.fa-at::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-at.svg); mask-image: url(/assets/public/icons/fa-at.svg); }
.fa-award::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-award.svg); mask-image: url(/assets/public/icons/fa-award.svg); }
.fa-balance-scale::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-balance-scale.svg); mask-image: url(/assets/public/icons/fa-balance-scale.svg); }
.fa-bookmark::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-bookmark.svg); mask-image: url(/assets/public/icons/fa-bookmark.svg); }
.fa-box::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-box.svg); mask-image: url(/assets/public/icons/fa-box.svg); }
.fa-box-open::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-box-open.svg); mask-image: url(/assets/public/icons/fa-box-open.svg); }
.fa-building::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-building.svg); mask-image: url(/assets/public/icons/fa-building.svg); }
.fa-calendar::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-calendar.svg); mask-image: url(/assets/public/icons/fa-calendar.svg); }
.fa-calendar-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-calendar-alt.svg); mask-image: url(/assets/public/icons/fa-calendar-alt.svg); }
.fa-calendar-check::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-calendar-check.svg); mask-image: url(/assets/public/icons/fa-calendar-check.svg); }
.fa-calendar-times::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-calendar-times.svg); mask-image: url(/assets/public/icons/fa-calendar-times.svg); }
.fa-capsules::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-capsules.svg); mask-image: url(/assets/public/icons/fa-capsules.svg); }
.fa-cart-plus::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cart-plus.svg); mask-image: url(/assets/public/icons/fa-cart-plus.svg); }
.fa-check::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-check.svg); mask-image: url(/assets/public/icons/fa-check.svg); }
.fa-check-circle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-check-circle.svg); mask-image: url(/assets/public/icons/fa-check-circle.svg); }
.fa-check-double::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-check-double.svg); mask-image: url(/assets/public/icons/fa-check-double.svg); }
.fa-cheese::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cheese.svg); mask-image: url(/assets/public/icons/fa-cheese.svg); }
.fa-chevron-down::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-chevron-down.svg); mask-image: url(/assets/public/icons/fa-chevron-down.svg); }
.fa-chevron-left::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-chevron-left.svg); mask-image: url(/assets/public/icons/fa-chevron-left.svg); }
.fa-chevron-right::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-chevron-right.svg); mask-image: url(/assets/public/icons/fa-chevron-right.svg); }
.fa-city::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-city.svg); mask-image: url(/assets/public/icons/fa-city.svg); }
.fa-clock::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-clock.svg); mask-image: url(/assets/public/icons/fa-clock.svg); }
.fa-cog::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cog.svg); mask-image: url(/assets/public/icons/fa-cog.svg); }
.fa-comment-dots::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-comment-dots.svg); mask-image: url(/assets/public/icons/fa-comment-dots.svg); }
.fa-cookie::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cookie.svg); mask-image: url(/assets/public/icons/fa-cookie.svg); }
.fa-cow::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cow.svg); mask-image: url(/assets/public/icons/fa-cow.svg); }
.fa-credit-card::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-credit-card.svg); mask-image: url(/assets/public/icons/fa-credit-card.svg); }
.fa-cubes::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cubes.svg); mask-image: url(/assets/public/icons/fa-cubes.svg); }
.fa-cubes-stacked::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-cubes-stacked.svg); mask-image: url(/assets/public/icons/fa-cubes-stacked.svg); }
.fa-droplet::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-droplet.svg); mask-image: url(/assets/public/icons/fa-droplet.svg); }
.fa-edit::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-edit.svg); mask-image: url(/assets/public/icons/fa-edit.svg); }
.fa-envelope::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-envelope.svg); mask-image: url(/assets/public/icons/fa-envelope.svg); }
.fa-exclamation::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-exclamation.svg); mask-image: url(/assets/public/icons/fa-exclamation.svg); }
.fa-exclamation-circle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-exclamation-circle.svg); mask-image: url(/assets/public/icons/fa-exclamation-circle.svg); }
.fa-exclamation-triangle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-exclamation-triangle.svg); mask-image: url(/assets/public/icons/fa-exclamation-triangle.svg); }
.fa-external-link-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-external-link-alt.svg); mask-image: url(/assets/public/icons/fa-external-link-alt.svg); }
.fa-eye::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-eye.svg); mask-image: url(/assets/public/icons/fa-eye.svg); }
.fa-eye-slash::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-eye-slash.svg); mask-image: url(/assets/public/icons/fa-eye-slash.svg); }
.fa-file-invoice::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-file-invoice.svg); mask-image: url(/assets/public/icons/fa-file-invoice.svg); }
.fa-file-pdf::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-file-pdf.svg); mask-image: url(/assets/public/icons/fa-file-pdf.svg); }
.fa-fire::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-fire.svg); mask-image: url(/assets/public/icons/fa-fire.svg); }
.fa-flask::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-flask.svg); mask-image: url(/assets/public/icons/fa-flask.svg); }
.fa-gem::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-gem.svg); mask-image: url(/assets/public/icons/fa-gem.svg); }
.fa-globe::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-globe.svg); mask-image: url(/assets/public/icons/fa-globe.svg); }
.fa-hand-sparkles::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-hand-sparkles.svg); mask-image: url(/assets/public/icons/fa-hand-sparkles.svg); }
.fa-headset::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-headset.svg); mask-image: url(/assets/public/icons/fa-headset.svg); }
.fa-heart::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-heart.svg); mask-image: url(/assets/public/icons/fa-heart.svg); }
.fa-history::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-history.svg); mask-image: url(/assets/public/icons/fa-history.svg); }
.fa-home::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-home.svg); mask-image: url(/assets/public/icons/fa-home.svg); }
.fa-horse::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-horse.svg); mask-image: url(/assets/public/icons/fa-horse.svg); }
.fa-image::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-image.svg); mask-image: url(/assets/public/icons/fa-image.svg); }
.fa-images::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-images.svg); mask-image: url(/assets/public/icons/fa-images.svg); }
.fa-info-circle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-info-circle.svg); mask-image: url(/assets/public/icons/fa-info-circle.svg); }
.fa-jar::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-jar.svg); mask-image: url(/assets/public/icons/fa-jar.svg); }
.fa-key::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-key.svg); mask-image: url(/assets/public/icons/fa-key.svg); }
.fa-leaf::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-leaf.svg); mask-image: url(/assets/public/icons/fa-leaf.svg); }
.fa-lemon::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-lemon.svg); mask-image: url(/assets/public/icons/fa-lemon.svg); }
.fa-list::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-list.svg); mask-image: url(/assets/public/icons/fa-list.svg); }
.fa-lock::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-lock.svg); mask-image: url(/assets/public/icons/fa-lock.svg); }
.fa-mail-bulk::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-mail-bulk.svg); mask-image: url(/assets/public/icons/fa-mail-bulk.svg); }
.fa-map::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-map.svg); mask-image: url(/assets/public/icons/fa-map.svg); }
.fa-map-marker-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-map-marker-alt.svg); mask-image: url(/assets/public/icons/fa-map-marker-alt.svg); }
.fa-mortar-pestle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-mortar-pestle.svg); mask-image: url(/assets/public/icons/fa-mortar-pestle.svg); }
.fa-mountain::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-mountain.svg); mask-image: url(/assets/public/icons/fa-mountain.svg); }
.fa-mouse-pointer::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-mouse-pointer.svg); mask-image: url(/assets/public/icons/fa-mouse-pointer.svg); }
.fa-mug-hot::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-mug-hot.svg); mask-image: url(/assets/public/icons/fa-mug-hot.svg); }
.fa-newspaper::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-newspaper.svg); mask-image: url(/assets/public/icons/fa-newspaper.svg); }
.fa-palette::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-palette.svg); mask-image: url(/assets/public/icons/fa-palette.svg); }
.fa-paper-plane::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-paper-plane.svg); mask-image: url(/assets/public/icons/fa-paper-plane.svg); }
.fa-phone::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-phone.svg); mask-image: url(/assets/public/icons/fa-phone.svg); }
.fa-plus::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-plus.svg); mask-image: url(/assets/public/icons/fa-plus.svg); }
.fa-question-circle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-question-circle.svg); mask-image: url(/assets/public/icons/fa-question-circle.svg); }
.fa-quote-left::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-quote-left.svg); mask-image: url(/assets/public/icons/fa-quote-left.svg); }
.fa-redo::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-redo.svg); mask-image: url(/assets/public/icons/fa-redo.svg); }
.fa-reply::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-reply.svg); mask-image: url(/assets/public/icons/fa-reply.svg); }
.fa-rotate-left::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-rotate-left.svg); mask-image: url(/assets/public/icons/fa-rotate-left.svg); }
.fa-route::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-route.svg); mask-image: url(/assets/public/icons/fa-route.svg); }
.fa-scroll::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-scroll.svg); mask-image: url(/assets/public/icons/fa-scroll.svg); }
.fa-search::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-search.svg); mask-image: url(/assets/public/icons/fa-search.svg); }
.fa-search-plus::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-search-plus.svg); mask-image: url(/assets/public/icons/fa-search-plus.svg); }
.fa-seedling::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-seedling.svg); mask-image: url(/assets/public/icons/fa-seedling.svg); }
.fa-shield-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-shield-alt.svg); mask-image: url(/assets/public/icons/fa-shield-alt.svg); }
.fa-shipping-fast::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-shipping-fast.svg); mask-image: url(/assets/public/icons/fa-shipping-fast.svg); }
.fa-shopping-bag::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-shopping-bag.svg); mask-image: url(/assets/public/icons/fa-shopping-bag.svg); }
.fa-sign-out-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-sign-out-alt.svg); mask-image: url(/assets/public/icons/fa-sign-out-alt.svg); }
.fa-sliders-h::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-sliders-h.svg); mask-image: url(/assets/public/icons/fa-sliders-h.svg); }
.fa-snowflake::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-snowflake.svg); mask-image: url(/assets/public/icons/fa-snowflake.svg); }
.fa-soap::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-soap.svg); mask-image: url(/assets/public/icons/fa-soap.svg); }
.fa-spa::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-spa.svg); mask-image: url(/assets/public/icons/fa-spa.svg); }
.fa-spinner::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-spinner.svg); mask-image: url(/assets/public/icons/fa-spinner.svg); }
.fa-star::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-star.svg); mask-image: url(/assets/public/icons/fa-star.svg); }
.fa-star-half-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-star-half-alt.svg); mask-image: url(/assets/public/icons/fa-star-half-alt.svg); }
.fa-sun::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-sun.svg); mask-image: url(/assets/public/icons/fa-sun.svg); }
.fa-sync-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-sync-alt.svg); mask-image: url(/assets/public/icons/fa-sync-alt.svg); }
.fa-tag::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-tag.svg); mask-image: url(/assets/public/icons/fa-tag.svg); }
.fa-th-large::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-th-large.svg); mask-image: url(/assets/public/icons/fa-th-large.svg); }
.fa-times::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-times.svg); mask-image: url(/assets/public/icons/fa-times.svg); }
.fa-times-circle::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-times-circle.svg); mask-image: url(/assets/public/icons/fa-times-circle.svg); }
.fa-tint::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-tint.svg); mask-image: url(/assets/public/icons/fa-tint.svg); }
.fa-trash::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-trash.svg); mask-image: url(/assets/public/icons/fa-trash.svg); }
.fa-trash-alt::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-trash-alt.svg); mask-image: url(/assets/public/icons/fa-trash-alt.svg); }
.fa-triangle-exclamation::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-triangle-exclamation.svg); mask-image: url(/assets/public/icons/fa-triangle-exclamation.svg); }
.fa-truck::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-truck.svg); mask-image: url(/assets/public/icons/fa-truck.svg); }
.fa-user::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-user.svg); mask-image: url(/assets/public/icons/fa-user.svg); }
.fa-user-slash::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-user-slash.svg); mask-image: url(/assets/public/icons/fa-user-slash.svg); }
.fa-wheat-awn::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-wheat-awn.svg); mask-image: url(/assets/public/icons/fa-wheat-awn.svg); }
.fa-wind::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-wind.svg); mask-image: url(/assets/public/icons/fa-wind.svg); }
.fa-instagram::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-instagram.svg); mask-image: url(/assets/public/icons/fa-instagram.svg); }
.fa-facebook-f::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-facebook-f.svg); mask-image: url(/assets/public/icons/fa-facebook-f.svg); }
.fa-facebook::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-facebook.svg); mask-image: url(/assets/public/icons/fa-facebook.svg); }
.fa-tiktok::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-tiktok.svg); mask-image: url(/assets/public/icons/fa-tiktok.svg); }
.fa-pinterest-p::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-pinterest-p.svg); mask-image: url(/assets/public/icons/fa-pinterest-p.svg); }
.fa-linkedin-in::before { background-color: currentColor; -webkit-mask-image: url(/assets/public/icons/fa-linkedin-in.svg); mask-image: url(/assets/public/icons/fa-linkedin-in.svg); }

/* ---- Variantes contour / plein (heart & star) ---- */
.far.fa-heart::before { -webkit-mask-image: url(/assets/public/icons/heart-outline.svg); mask-image: url(/assets/public/icons/heart-outline.svg); }
.fas.fa-heart::before { -webkit-mask-image: url(/assets/public/icons/fa-heart.svg); mask-image: url(/assets/public/icons/fa-heart.svg); }
.far.fa-star::before  { -webkit-mask-image: url(/assets/public/icons/star-outline.svg); mask-image: url(/assets/public/icons/star-outline.svg); }
.fas.fa-star::before  { -webkit-mask-image: url(/assets/public/icons/fa-star.svg); mask-image: url(/assets/public/icons/fa-star.svg); }

/* ---- Réseaux sociaux : couleurs de marque (mode masque) ---- */
.fa-instagram::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #ff8fc8, #ad1457);
}
.fa-facebook-f::before, .fa-facebook::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #5ab9f7, #1565c0);
}

/* ---- Cœur favoris (widget) : plein = rouge dégradé ---- */
.fav-icon-full::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #ff8a80, #b71c1c);
}

/* ---- Icônes FA avec dégradé de marque SDJ (mode masque) ---- */
.sdj-ico-grad::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #9ccc65, #2e6b1f);
}
.sdj-ico-grad-blue::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #4fc3f7, #0d47a1);
}
.sdj-ico-grad-amber::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #ffd54f, #ef6c00);
}
.sdj-ico-grad-dark::before {
    background-color: transparent;
    background-image: linear-gradient(135deg, #5b6e4d, #1d1d1d);
}