/* Font Awesome 6 - Brands + Solid (local woff2) */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/fa/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/fa/fa-solid-900.woff2") format("woff2");
}

/* Base: prevent italic/oblique (especially on <i>) and align correctly */
i.fa-brands,
i.fab,
i.fa-solid,
i.fas,
.fa-brands,
.fab,
.fa-solid,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  transform: none;
}

/* Override browser default italic on <i> when used as icon */
i[class^="fa-"],
i[class*=" fa-"] {
  font-style: normal !important;
}

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

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

/* Icon content must use ::before with same font */
.fa-brands.fa-cc-mastercard::before,
.fa-brands.fa-cc-visa::before,
.fa-brands.fa-cc-amex::before,
.fa-brands.fa-cc-apple-pay::before,
.fa-brands.fa-cc-discover::before {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-brands.fa-cc-mastercard::before { content: "\f1f1"; }
.fa-brands.fa-cc-visa::before { content: "\f1f0"; }
.fa-brands.fa-cc-amex::before { content: "\f1f3"; }
.fa-brands.fa-cc-apple-pay::before { content: "\f416"; }
.fa-brands.fa-cc-discover::before { content: "\f1f2"; }