/* ============================================================= */
/* FA CRITIQUE - icônes de la nav visibles immédiatement          */
/* Deux systèmes coexistent dans ce template :                    */
/*   - classes .fa / .fa-search  => SOLID 900  (ex: recherche)    */
/*   - classes .icon / .icon-xxx => LIGHT 300  (connexion,chevron)*/
/* Chemin polices vérifié : ../webfonts/ (absolu ci-dessous)      */
/* ============================================================= */

/* ---------- POLICE SOLID (900) ---------- */
@font-face{
    font-family:"FA6CriticalSolid";
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url("/Style Library/vendor/fonts/font-awesome/webfonts/fa-solid-900.woff2") format("woff2");
}

/* ---------- POLICE LIGHT (300) ---------- */
@font-face{
    font-family:"FA6CriticalLight";
    font-style:normal;
    font-weight:300;
    font-display:swap;
    src:url("/Style Library/vendor/fonts/font-awesome/webfonts/fa-light-300.woff2") format("woff2");
}

/* ===== SYSTÈME 1 : classes .fa (solid) — ex. recherche ===== */
i.fa,i.fas,i.fa-solid,.fa,.fas,.fa-solid{
    font-family:"FA6CriticalSolid","Font Awesome 6 Pro" !important;
    font-weight:900 !important;
    font-style:normal !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block;line-height:1;text-rendering:auto;
}
i.fa:before,.fa:before,.fas:before,.fa-solid:before{content:var(--fa)}
.fa-times,.fa-xmark{--fa:"\f00d"}
.fa-search,.fa-magnifying-glass{--fa:"\f002"}
.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}
.fa-arrow-up{--fa:"\f062"}
.fa-bars,.fa-navicon{--fa:"\f0c9"}
.fa-user{--fa:"\f007"}

/* ===== SYSTÈME 2 : classes .icon (light) — template custom ===== */
/* Ces icônes utilisent .icon:before/:after avec content en dur, en LIGHT 300 */
.icon:before,.icon:after{
    font-family:"FA6CriticalLight","Font Awesome 6 Pro" !important;
    font-weight:300 !important;
    font-style:normal !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block;line-height:1;text-rendering:auto;
}
/* Glyphes des icônes .icon de la nav (content vérifié dans l'inspecteur) */
.icon-sign-in:before{content:"\f090"}       /* Connexion */
.icon-angle-right:after{content:"\f105"}    /* chevron droit */
.icon-angle-left:after{content:"\f104"}
.icon-angle-down:after{content:"\f107"}
.icon-angle-up:after{content:"\f106"}
.icon-phone:before{content:"\f879"}         /* si le téléphone est en .icon-phone */
.icon-search:before{content:"\f002"}