/* English-only font override.
 * Applied via body class from chrono-site.
 */

body.chrono-lang-en,
body.chrono-lang-en button,
body.chrono-lang-en input,
body.chrono-lang-en select,
body.chrono-lang-en textarea {
	font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
	font-weight: 400;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.chrono-lang-en button,
body.chrono-lang-en input,
body.chrono-lang-en select,
body.chrono-lang-en textarea {
	font-weight: 500;
}

body.chrono-lang-en strong,
body.chrono-lang-en b {
	font-weight: 600;
}

body.chrono-lang-en h1,
body.chrono-lang-en h2,
body.chrono-lang-en h3,
body.chrono-lang-en h4,
body.chrono-lang-en h5,
body.chrono-lang-en h6 {
	font-family: inherit !important;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

/* Optional emphasis helpers for English content.
 * Use in page content: <span class="chrono-em-strong">...</span> / <span class="chrono-em-soft">...</span>
 */

body.chrono-lang-en .chrono-em-strong {
	font-weight: 700;
	letter-spacing: -0.01em;
}

body.chrono-lang-en .chrono-em-soft {
	font-weight: 400;
	opacity: 0.78;
}

/* Hero variant: on dark/photo backgrounds, keep soft text readable.
 * Add `chrono-hero` to the container (e.g. WPBakery Row "Extra class name").
 */

body.chrono-lang-en .chrono-hero .chrono-em-soft {
	font-weight: 500;
	opacity: 0.88;
}

body.chrono-lang-en .chrono-hero .chrono-em-strong {
	font-weight: 600;
}
