/*
 * Font Awesome 6 — Subset Miamland
 * Icons: bars, minus, plus, spinner, window-minimize, chevron-up,
 *        search (magnifying-glass), ship, plane, whatsapp, linkedin,
 *        instagram, facebook
 * Économie : ~125 Kio vs font-awesome.css complet (130 Kio)
 */

/* === Font Face — Solid (900) === */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('../webfonts/fa-solid-900.woff2') format('woff2');
}

/* === Font Face — Brands (400) === */
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../webfonts/fa-brands-400.woff2') format('woff2');
}

/* === Classes de base — Solid / FA5 compat === */
.fa, .fas, .fa-solid {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* === Classes de base — Brands === */
.fab, .fa-brands {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* === Modificateurs de taille === */
.fa-xl { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; }
.fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; }
.fa-sm { font-size: 0.875em; line-height: 0; vertical-align: 0.05714286em; }
.me-2 { margin-right: 0.5rem; }

/* === Animation spin === */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ============================================================
   ICÔNES SOLID UTILISÉES
   ============================================================ */

/* fa-bars / fa-navicon — menu hamburger */
.fa-bars::before,
.fa-navicon::before { content: "\f0c9"; }

/* fa-minus — bouton quantité - */
.fa-minus::before,
.fa-subtract::before { content: "\f068"; }

/* fa-plus — bouton quantité + et sidebar */
.fa-plus::before,
.fa-add::before { content: "\2b"; }

/* fa-spinner — loading panier */
.fa-spinner::before { content: "\f110"; }

/* fa-window-minimize — sidebar collapse */
.fa-window-minimize::before { content: "\f2d1"; }

/* fa-chevron-up — back to top */
.fa-chevron-up::before { content: "\f077"; }

/* fa-search / fa-magnifying-glass — recherche */
.fa-search::before,
.fa-magnifying-glass::before { content: "\f002"; }

/* fa-ship — mode de livraison */
.fa-ship::before { content: "\f21a"; }

/* fa-plane — mode de livraison */
.fa-plane::before { content: "\f072"; }

/* ============================================================
   ICÔNES BRANDS UTILISÉES
   ============================================================ */

/* fa-whatsapp */
.fa-whatsapp::before { content: "\f232"; }

/* fa-linkedin */
.fa-linkedin::before { content: "\f08c"; }

/* fa-instagram */
.fa-instagram::before { content: "\f16d"; }

/* fa-facebook */
.fa-facebook::before { content: "\f09a"; }
.fa-facebook-f::before { content: "\f39e"; }

/* fa-angle-down — footer accordion mobile (script.js section 03) */
.fa-angle-down::before { content: "\f107"; }