/* ──────────────────────────────────────────────────────────────────────────
   Font Awesome family-name compatibility shim
   ----------------------------------------------------------------------------
   Porto's theme.css renders its chrome glyphs (nav carets, toggles, etc.) with
   CSS pseudo-elements like:  content:'\f107'; font-family:'Font Awesome 5 Free';
   font-weight:900;  and hris-custom.css has one rule using 'Font Awesome 6 Free'.

   We load icons from the Font Awesome 6.7.2 PRO kit (kit.fontawesome.com), which
   registers the FA6 *Pro* families but NOT the legacy 'Font Awesome 5 Free' (nor
   necessarily 'Font Awesome 6 Free') family names Porto references. Without a
   matching @font-face those pseudo-element glyphs vanish.

   Rather than load Porto's entire bundled all.min.css just for its @font-face
   blocks, we register the family names Porto uses and point them at the FA web
   font files we already ship locally. Solid (900) + regular (400) cover every
   weight Porto's pseudo-elements use. Brands family is intentionally omitted —
   theme.css references no brand pseudo-elements.

   Result: Porto chrome icons render from LOCAL fonts (fast, no CDN dependency);
   the Pro kit handles all class-based `fa-*` markup and the Pro styles.
   ────────────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('/porto/vendor/font-awesome/webfonts/fa-solid-900.woff2') format('woff2'),
       url('/porto/vendor/font-awesome/webfonts/fa-solid-900.ttf') format('truetype');
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/porto/vendor/font-awesome/webfonts/fa-regular-400.woff2') format('woff2'),
       url('/porto/vendor/font-awesome/webfonts/fa-regular-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('/porto/vendor/font-awesome/webfonts/fa-solid-900.woff2') format('woff2'),
       url('/porto/vendor/font-awesome/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('/porto/vendor/font-awesome/webfonts/fa-regular-400.woff2') format('woff2'),
       url('/porto/vendor/font-awesome/webfonts/fa-regular-400.ttf') format('truetype');
}