/**
 * Fancy Rabbit Core — site font application.
 *
 * Enqueued on the front end only, after the Google Fonts stylesheet
 * (see includes/fonts.php). Every rule is split with :lang() so the
 * same stylesheet serves both languages: the plugin sets
 * <html lang="en-US"> on /en/ pages while zh-TW pages keep the site
 * locale, and each element's language is inherited from there.
 *
 * Specificity: the :lang() pseudo-class raises every selector one
 * class level above the Hello Elementor theme's plain element and
 * single-class selectors, so these rules win on specificity alone
 * regardless of stylesheet order — no !important needed. The
 * Elementor kit has no global fonts configured on this site, so no
 * kit typography rules compete with these.
 */

/* Body text: CJK leads on zh-TW pages, Inter leads on en-US pages. */

body:lang(zh-TW) {
	font-family: "Noto Sans TC", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body:lang(en-US) {
	font-family: "Inter", "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Headings: serif display face per language. Buttons and nav are
 * deliberately absent here — they inherit the body stack. */

h1:lang(zh-TW),
h2:lang(zh-TW),
h3:lang(zh-TW),
h4:lang(zh-TW),
.elementor-heading-title:lang(zh-TW),
.site-title:lang(zh-TW),
.entry-title:lang(zh-TW) {
	font-family: "Noto Serif TC", "Source Serif 4", serif;
}

h1:lang(en-US),
h2:lang(en-US),
h3:lang(en-US),
h4:lang(en-US),
.elementor-heading-title:lang(en-US),
.site-title:lang(en-US),
.entry-title:lang(en-US) {
	font-family: "Source Serif 4", "Noto Serif TC", serif;
}