/* Optimisation des polices avec font-display: swap */

/* Font Awesome - Optimisation pour éviter les décalages de mise en page */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-solid-900.woff2")
    format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-regular-400.woff2")
    format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-brands-400.woff2")
    format("woff2");
}

/* Google Fonts - Optimisation avec font-display: swap */
/* Les polices Google Fonts sont gérées automatiquement par le lien dans index.html */
/* avec display=swap pour éviter les décalages de mise en page */

/* Optimisation pour éviter les décalages de mise en page */
.fa,
.fas,
.far,
.fab {
  font-display: swap;
}

/* Fallback pour les icônes Font Awesome */
.fa::before,
.fas::before,
.far::before,
.fab::before {
  font-display: swap;
}

/* Optimisation pour les icônes critiques */
.icon-critical {
  font-display: swap;
  font-display: optional;
}

/* Prévention des décalages de mise en page */
body {
  font-display: swap;
}

/* Optimisation pour les titres */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-display: swap;
}