/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2?v=2.0") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2?v=2.0") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2?v=2.0") format("woff2");
}

.fa, .fas, .far, .fal, .fad, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.far {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/* Icon definitions - Font Awesome 6 codes */
.fa-award::before { content: "\f559"; }
.fa-lock::before { content: "\f023"; }
.fa-spinner::before { content: "\f110"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-id-card::before { content: "\f2c2"; }
.fa-user::before { content: "\f007"; }
.fa-globe-americas::before { content: "\f57d"; }
.fa-shield-alt::before { content: "\f3ed"; }
.fa-shield::before { content: "\f132"; }
.fa-times::before { content: "\f00d"; }
.fa-xmark::before { content: "\f00d"; }
.fa-check::before { content: "\f00c"; }
.fa-exclamation-triangle::before { content: "\f071"; }
.fa-triangle-exclamation::before { content: "\f071"; }
.fa-eye::before { content: "\f06e"; }
.fa-eye-slash::before { content: "\f070"; }

/* Security modal icons */
.fa-network-wired::before { content: "\f6ff"; }
.fa-key::before { content: "\f084"; }
.fa-fingerprint::before { content: "\f577"; }
.fa-database::before { content: "\f1c0"; }
.fa-server::before { content: "\f233"; }
.fa-wifi::before { content: "\f1eb"; }
.fa-globe::before { content: "\f0ac"; }
.fa-map-marker-alt::before { content: "\f3c5"; }
.fa-location-dot::before { content: "\f3c5"; }
.fa-clock::before { content: "\f017"; }
.fa-desktop::before { content: "\f108"; }
.fa-mobile::before { content: "\f3ce"; }
.fa-mobile-alt::before { content: "\f3cd"; }

/* Browser icons - brands */
.fa-chrome::before { content: "\f268"; }
.fa-firefox::before { content: "\f269"; }
.fa-safari::before { content: "\f267"; }
.fa-edge::before { content: "\f282"; }

/* Additional security icons */
.fa-xmark::before { content: "\f00d"; }
.fa-circle-check::before { content: "\f058"; }
.fa-circle-xmark::before { content: "\f057"; }
.fa-triangle-exclamation::before { content: "\f071"; }

/* Missing icons from HTML */
.fa-sign-in-alt::before { content: "\f2f6"; }
.fa-check-circle::before { content: "\f058"; }
.fa-arrow-left::before { content: "\f060"; }
.fa-map-marker::before { content: "\f041"; }

/* Debug - ensure all icons have content */
.fas::before, .far::before, .fab::before {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", Arial, sans-serif !important;
}

/* Force display for debugging */
.fas, .far, .fab {
  min-width: 1em;
  text-align: center;
}

/* Spinner animation */
.fa-spinner {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Flag Icons with emoji fallback */
.flag-icon {
  display: inline-block;
  width: 1.33em;
  height: 1em;
  font-size: inherit;
  line-height: 1;
}

.fi-gb::before { content: "🇬🇧"; }
.fi-es::before { content: "🇪🇸"; }
.fi-de::before { content: "🇩🇪"; }
.fi-fr::before { content: "🇫🇷"; }
.fi-it::before { content: "🇮🇹"; }
.fi-ru::before { content: "🇷🇺"; }
.fi-hr::before { content: "🇭🇷"; }
.fi-ba::before { content: "🇧🇦"; }
.fi-si::before { content: "🇸🇮"; }
.fi-jp::before { content: "🇯🇵"; }
.fi-cn::before { content: "🇨🇳"; }
.fi-kr::before { content: "🇰🇷"; }