/* Material Symbols base styles. Without these the ligature won't
   resolve and the icon name renders as literal text. */
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Font stack. Declared explicitly rather than inherited from Tailwind's
   Preflight or Divi's body rule — both proved unreliable after the CDN
   swap, leaving <p> falling back to the browser default (Times). */
:root {
	--itech-sans: 'Inter', ui-sans-serif, system-ui, -apple-system,
		'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

html,
body,
#page-container,
#page-container p,
#page-container li,
#page-container td,
#page-container th,
#page-container span,
#page-container a,
#page-container div,
#page-container input,
#page-container button,
#page-container textarea,
#page-container select {
	font-family: var(--itech-sans);
}

/* Icon font must not be caught by the rule above. */
#page-container .material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
}

/* Divi's own icon fonts, same reason. */
#page-container .et-pb-icon,
#page-container [class^='et_pb_'][data-icon]::before,
#page-container [class^='et_pb_'][data-icon]::after {
	font-family: 'ETmodules' !important;
}