/*
 * Font Awesome fit for the NEQO theme — loaded right after ../fontawesome/css/all.min.css (see index.html).
 *
 * The theme was written for Font Awesome 6 PRO, whose font files are licensed and were never shipped with it. Before this
 * sheet the site leaned on a Font Awesome Free stylesheet from a CDN and every icon the Free font does not carry (or that
 * the theme asked for through the Pro family name) was drawn as an empty "box" character. Now Font Awesome 7 Free is served
 * from this site (no CDN to be blocked or slow) and this file closes the remaining gaps, so that every icon is a real glyph:
 *
 *   1. the theme names "Font Awesome 6 Pro" directly in several ::before rules (breadcrumb separators, nav carets, the
 *      checkout tick, the chat-bubble tails …): that name now resolves to the Free solid font;
 *   2. the Pro-only light / thin styles (.fal, .fat) are drawn with the regular font;
 *   3. wherever the regular (outline) font has no glyph for an icon — most of the set is solid-only in Free — the solid glyph
 *      is used instead of a box;
 *   4. one rule used a Pro-only private-use character (the account sidebar bullet): it gets a Free one.
 *
 * Adding an icon? Any `fa-*` name from https://fontawesome.com/search?o=r&ip=classic&s=solid&m=free draws; `fab` is for brands.
 */

/* 0 — an icon's weight is part of its style, so pin it. The theme sets other weights on some icons
       (`.shop-cart-qty button i { font-weight: 500 }`, written for the Pro "light" face) and the Free fonts only have a 400
       (regular) and a 900 (solid) face: weight 500 picks the REGULAR one, which lacks most icons — a box. */
.fa,
.fas,
.fa-solid {
  font-weight: 900 !important;
}

.far,
.fa-regular,
.fab,
.fa-brands,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-weight: 400 !important;
}

/* 1 — the Pro family name, for any weight a rule that names it can inherit (bold, 600 …) */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("../fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
}

/* 3 — the solid font, declared at the REGULAR weight so it can be named after the regular font in a family list:
       where the regular font lacks a glyph the browser carries on with this one */
@font-face {
  font-family: "NEQO Icon Fallback";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
}

.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: "Font Awesome 7 Free", "NEQO Icon Fallback";
}

/* 2 — the light / thin styles are not part of Free, so Font Awesome's own sheet knows nothing of them: give them the same box
       and the same ::before as the other styles */
.fal,
.fa-light,
.fat,
.fa-thin {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

.fal::before,
.fa-light::before,
.fat::before,
.fa-thin::before {
  content: var(--fa);
}

@supports (content: "" / "") {
  .fal::before,
  .fa-light::before,
  .fat::before,
  .fa-thin::before {
    content: var(--fa) / "";
  }
}

/* 4 — the account sidebar's little marker: the theme's "\e122" is a Pro-only glyph, a filled dot is what it drew */
.user-area .sidebar .user-menu-list li a::before {
  content: "\f111";
}