/*
  ICON FIX
  --------
  The theme's CSS (bootstrap.css + color CSS files) defines .fal / .far / .fad /
  .fas / .fab to use a font called "Font Awesome 5 Pro", loaded from
  https://cdn.mypanel.link/editor/assets/... — that CDN is not serving the font
  files for this site, so every icon that used those classes rendered as an
  empty box (□) instead of the actual icon glyph.

  This file forces those same classes to use the free, properly-loaded
  Font Awesome 5 CDN instead (added in header.twig), so every icon on every
  page renders correctly again. Icons that only exist in the paid "Pro" set
  (light/duotone weight, or Pro-exclusive icon names) will show as the closest
  solid-style icon instead of a thin/two-tone one — a visual style change, but
  no more missing icons.
*/

.fal,
.fad,
.fa,
.fas {
  font-family: "Font Awesome 5 Free" !important;
}

.fal,
.fad,
.fa,
.fas {
  font-weight: 900 !important;
}

.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400 !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

/*
  Round 2: some icons aren't put on the page via .fal/.far/.fad/.fas/.fab
  classes at all - they're drawn by a ::before/::after pseudo-element whose
  CSS rule sets font-family: "Font Awesome 5 Pro" directly (the reviews
  slider's left/right arrows, the FAQ accordion's +/- icon, the navbar
  dropdown caret, and the checkbox tick). Those need their own overrides.
*/

.slick-prev:before,
.slick-next:before,
.faq-block__icon:before,
.navbar-dropdown__toggle:after,
.form-group__checkbox input:checked ~ .checkmark:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}