/*
 * Custom overrides — loaded dead last in the cascade (see inc/enqueue.php).
 * Use this file only for narrow, targeted fixes that must win over
 * Elementor and every other theme stylesheet; keep everything else in its
 * own design-system/module file.
 */

/* Elementor's active Kit (Site Settings → Global Fonts/Colors/Theme Style)
   generates its own CSS against these exact same bare element selectors
   (body/h1-h4/a) — per knowledge/wordpress/elementor-free-build-rules.md's
   standing three-tier load-order rule, this is the designated place for the
   targeted !important once load order alone (see
   monark_force_theme_css_after_elementor_kit() in inc/enqueue.php) isn't
   enough, e.g. if the Kit's generated CSS is ever printed via a mechanism
   that bypasses normal wp_enqueue_style dependency resolution. Every other
   selector in this theme styles content through a scoped class (e.g.
   ".reg-card h3", ".mandate p.desc"), which already outranks a plain-element
   Kit rule on specificity and needs no !important — this theme's own
   Elementor widgets' per-instance Theme/Heading controls render through
   those scoped classes and are unaffected by the rules below. */
body{
  font-family:var(--font-body) !important;
  color:var(--navy);
  font-size:16px;
  line-height:1.5;
}
a{color:inherit;}
h1,h2,h3,h4{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  color:var(--navy);
}

.elementor-widget-text-editor *,
.elementor-widget-text-editor li,
.elementor-widget-text-editor td {
	font-family:var(--font-body) !important;
    line-height:1.5;
}

.wysiwyg strong,
.elementor-widget-text-editor strong {
	color: black;
}
	
.wysiwyg ul,
.elementor-widget-text-editor ul {
	margin: 1em 0; 
	padding-left: 1.2em;
	list-style-type: disc;
}

.wysiwyg ul li::marker, 
.elementor-widget-text-editor ul li::marker {
  color: var(--garnet);
}