/**
 * Weblytic Labs — site-wide typography (FO)
 * Plus Jakarta Sans everywhere the module loads assets.
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --wbl-font: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

html,
body {
  font-family: var(--wbl-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Force module + theme text to inherit the brand font */
body,
body *:not(svg):not(svg *):not(i):not([class*="material-icons"]):not([class^="fa"]):not([class*=" fa"]):not([class^="icon-"]):not([class*=" icon-"]):not([class*="deo-custom-icons"]) {
  font-family: var(--wbl-font) !important;
}

/* Keep icon font faces intact */
body i,
body .material-icons,
body [class*="material-icons"],
body [class^="fa"],
body [class*=" fa"],
body .fas,
body .far,
body .fab,
body .fal,
body [class^="icon-"],
body [class*=" icon-"],
body [class*="deo-custom-icons"],
body .deo-custom-icons {
  font-family: inherit;
}

body [class*="deo-custom-icons"],
body .deo-custom-icons {
  font-family: deo-custom-icons !important;
}

body .material-icons,
body [class*="material-icons"] {
  font-family: 'Material Icons' !important;
}

body .fas,
body .fa-solid,
body [class^="fa-"],
body [class*=" fa-"] {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', FontAwesome !important;
}

body .fab,
body .fa-brands {
  font-family: 'Font Awesome 5 Brands', 'Font Awesome 6 Brands', FontAwesome !important;
}