/**
 * Font Awesome Fix
 *
 * This stylesheet addresses the "Glyph bbox was incorrect" warnings
 * for Font Awesome icons by creating a safer loading mechanism
 * and fallback options.
 */

/* Define font display strategy to avoid glyph errors affecting render */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.ttf") format("truetype");
}

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

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

/* Provide fallback classes for icon rendering issues */
.fa-fallback {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

/* Override specific problematic icons with text equivalents if needed */
.fa-arrow-up.with-fallback::before {
  content: "↑";
}

.fa-check.with-fallback::before {
  content: "✓";
}

.fa-times.with-fallback::before {
  content: "✕";
}

/* Ensure icons render correctly even when font fails */
i[class^="fa-"], i[class*=" fa-"] {
  display: inline-block;
  min-width: 1em;
  text-align: center;
}