/*
   Makreate typography weight override.
   Keeps Kanit regular/light across the static export and neutralizes legacy
   700/800/900 rules from Elementor, Astra and older page-specific CSS.
*/
html,
body {
  font-synthesis-weight: none;
}

html body,
html body :not(#mk-font-weight-override) {
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}

html body h1:not(#mk-font-weight-override),
html body h2:not(#mk-font-weight-override),
html body h3:not(#mk-font-weight-override),
html body h4:not(#mk-font-weight-override),
html body h5:not(#mk-font-weight-override),
html body h6:not(#mk-font-weight-override),
html body strong:not(#mk-font-weight-override),
html body b:not(#mk-font-weight-override),
html body th:not(#mk-font-weight-override),
html body summary:not(#mk-font-weight-override),
html body button:not(#mk-font-weight-override),
html body input[type="button"]:not(#mk-font-weight-override),
html body input[type="submit"]:not(#mk-font-weight-override),
html body .elementor-heading-title:not(#mk-font-weight-override),
html body .mk-sff-title:not(#mk-font-weight-override),
html body .mk-sff-headline:not(#mk-font-weight-override),
html body .mk-product-name:not(#mk-font-weight-override),
html body .mk-product-hero-tagline:not(#mk-font-weight-override),
html body .mk-product-subhero-tagline:not(#mk-font-weight-override) {
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}

html body p:not(#mk-font-weight-override),
html body li:not(#mk-font-weight-override),
html body small:not(#mk-font-weight-override),
html body label:not(#mk-font-weight-override),
html body figcaption:not(#mk-font-weight-override),
html body input:not(#mk-font-weight-override),
html body textarea:not(#mk-font-weight-override),
html body select:not(#mk-font-weight-override),
html body .cms-hero-subtitle:not(#mk-font-weight-override),
html body .mk-sff-sub:not(#mk-font-weight-override),
html body .mk-form-note:not(#mk-font-weight-override) {
  font-weight: 300 !important;
  font-variation-settings: "wght" 300 !important;
}

html body .fa:not(#mk-font-weight-override),
html body .fas:not(#mk-font-weight-override),
html body .fa-solid:not(#mk-font-weight-override),
html body [class^="fa-"]:not(#mk-font-weight-override),
html body [class*=" fa-"]:not(#mk-font-weight-override) {
  font-weight: 900 !important;
}

html body .far:not(#mk-font-weight-override),
html body .fab:not(#mk-font-weight-override),
html body .fa-regular:not(#mk-font-weight-override),
html body .fa-brands:not(#mk-font-weight-override),
html body .eicon:not(#mk-font-weight-override),
html body [class^="eicon-"]:not(#mk-font-weight-override),
html body [class*=" eicon-"]:not(#mk-font-weight-override),
html body .dashicons:not(#mk-font-weight-override) {
  font-weight: 400 !important;
}

/*
   Final no-bold contract for the static site.
   Keep icons functional, but force text back to Kanit regular/light even when
   older inline page styles ask for 600/700/800/900.
*/
html body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.eicon):not(.dashicons):not([class^="fa-"]):not([class*=" fa-"]):not([class^="eicon-"]):not([class*=" eicon-"]) {
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis-weight: none !important;
  font-variation-settings: "wght" 400 !important;
}

html body p,
html body li,
html body small,
html body label,
html body input,
html body textarea,
html body select,
html body figcaption,
html body .section-sub,
html body .mk-testimonial-position,
html body .mk-testimonial-quote,
html body .mk-sff-sub,
html body .mk-form-note,
html body .mk-trust {
  font-weight: 300 !important;
  font-variation-settings: "wght" 300 !important;
}

html body strong,
html body b {
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}
