/* === Site text face (never hits icons) ==================== */
:root {
  --app-font: -apple-system, BlinkMacSystemFont, Inter,
              "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Only apply the font inside .app-root */
.app-root,
.app-root :where(
  p, a, small, strong, em, mark,
  h1, h2, h3, h4, h5, h6,
  label, input, select, textarea, button,
  ul, ol, li, dl, dt, dd,
  table, thead, tbody, tfoot, tr, th, td,
  blockquote, figcaption, caption,
  div, section, article, aside, nav, header, footer
):not(.fa):not(.fas):not(.far):not(.fab)
 :not(.fa-solid):not(.fa-regular):not(.fa-brands)
 :not([class^="fa-"]):not([class*=" fa-"])
 :not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
  font-family: var(--app-font) !important;
  font-weight: 400 !important;
}

/* Headings */
.app-root h1, .app-root h2, .app-root h3,
.app-root h4, .app-root h5, .app-root h6 {
  font-family: inherit !important;
  font-weight: 400 !important;
}

/* Weight utilities — never on icons */
.app-root .fw-bold,
.app-root .fw-semibold,
.app-root .fw-bolder,
.app-root strong,
.app-root b {
  font-weight: 400 !important;
}

/* === Bulletproof icon protection ========================== */
.fa, .fa-solid, .fa-regular, .fas, .far {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
}

.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-style: normal !important;
}

.fa-solid, .fas { font-weight: 900 !important; }
.fa-regular, .far, .fa-brands, .fab { font-weight: 400 !important; }

.fa::before, .fa-solid::before, .fas::before, .fa-regular::before {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
.fa-brands::before, .fab::before {
  font-family: "Font Awesome 6 Brands" !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* Bootstrap Icons */
.bi, [class^="bi-"], [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
[class^="bi-"]::before, [class*=" bi-"]::before {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* --- LightGallery untouched (as requested) --- */
.lg-outer .lg-icon,
.lg-outer .lg-icon::before,
.lg-outer .lg-icon::after,
.lg-outer .lg-prev,
.lg-outer .lg-next,
.lg-outer .lg-close,
.lg-outer .lg-download,
.lg-outer .lg-fullscreen {
  font-family: lg !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: none !important;
  line-height: 1 !important;
}

.lg-outer {
  --lg-theme-color: #fff;
  --lg-icon-color: #fff;
  --lg-toolbar-icon-color: #fff;
  --lg-arrow-color: #fff;
}
