/**
 * Local icon fallbacks – used when Font Awesome CDN fails to load.
 * Uses pure CSS / unicode so icons always appear.
 */
.fas, .far, .fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Fallback glyphs if Font Awesome font is missing */
@font-face {
  font-family: "PDFNobleIcons";
  src: local("Segoe UI Symbol"), local("Arial Unicode MS"), local("Apple Symbols");
  unicode-range: U+25A0-25FF, U+2600-26FF, U+2700-27BF;
}

/* Ensure icon boxes still look good without FA */
.card-icon i,
.upload-icon i,
.tool-card i,
.submenu i,
.btn i,
.result-box i,
.trust-bar i {
  min-width: 1em;
  text-align: center;
}

/* Visual fallback using content when FA classes exist but font missing */
.fa-file-image::before { content: "🖼"; }
.fa-file-pdf::before { content: "📄"; }
.fa-arrow-right::before { content: "→"; }
.fa-cloud-upload-alt::before { content: "⬆"; }
.fa-plus::before { content: "+"; }
.fa-times::before { content: "×"; }
.fa-download::before { content: "⬇"; }
.fa-check-circle::before { content: "✓"; }
.fa-times-circle::before { content: "✗"; }
.fa-exclamation-circle::before { content: "!"; }
.fa-shield-alt::before { content: "🛡"; }
.fa-chevron-down::before { content: "▾"; }
.fa-images::before { content: "🖼"; }
.fa-file::before { content: "📄"; }

/* Prefer Font Awesome when available */
.fas::before,
.far::before {
  font-family: "Font Awesome 6 Free", "PDFNobleIcons", sans-serif;
}
.fas { font-weight: 900; }
.far { font-weight: 400; }