/* Custom Font Overrides - force Arial everywhere while preserving icon fonts
   Generated: 2026-01-10
*/

/* 1) Force Arial for all elements (most specific) */
html, body, * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* 2) Inputs/buttons/selects / form controls explicitly */
input, button, select, textarea {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* 3) Restore icon font families so icon glyphs keep working */
/* Font Awesome families used by the project */
.fa, .fab, .fal, .far, .fas, .fad, .fat,
[class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Pro" !important;
  speak: none;
}

/* Swiper icons (svg/woff embedded) */
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons !important;
}

/* Do not force Arial on icon-like elements that may depend on other @font-face rules */
[class*="icon"], i[class*="icon"], i[class*="ic"] {
  font-family: inherit !important;
}

/* Small note: this file is intentionally loaded last so it overrides other styles.
   If a third-party stylesheet uses inline styles or more specific selectors, you
   may still see different fonts; we can add more specific overrides if needed. */