/**
 * COROI site-wide typography for the content pages (about, news, contact, ...), aligned with the shop pages
 * (categories / products): Montserrat for titles and text, Inter for section titles.
 * Scoped to the main content area of the pages that are NOT shop views; header and footer are untouched.
 * Loaded by mu-plugins/coroi-shop/inc/coroi-shop.php (documented in docs/PROJECT.md "Typography").
 */
body:not(.coroi-shop-view):not(.home) {
	--c-font-main: 'Montserrat', Arial, sans-serif;
	--c-font-ui: 'Inter', Arial, sans-serif;
}

/* Page title (banner + in-content h1) */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .page-header .hestia-title,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .page-header h1,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h1,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .hestia-title {
	font-family: var(--c-font-main) !important;
	font-weight: 800 !important;
	font-size: clamp(34px, 4.6vw, 56px);
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: none;
}

/* Section titles */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h2,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h2 a {
	font-family: var(--c-font-ui) !important;
	font-weight: 700 !important;
	font-size: clamp(24px, 2.6vw, 34px);
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h3,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h3 a,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h4,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h4 a,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-title,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-title a {
	font-family: var(--c-font-ui) !important;
	font-weight: 700 !important;
	letter-spacing: 0;
	text-transform: none;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h3 { font-size: clamp(20px, 2vw, 26px); line-height: 1.25; }
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main h4 { font-size: 20px; line-height: 1.3; }

/* Body text, lists, tables */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main li,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main td,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main th,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main blockquote,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-description,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .entry-content,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .entry-content * {
	font-family: var(--c-font-main);
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main li,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p.wp-block-paragraph,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .page-content-wrap p,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .page-content-wrap li {
	/* !important: the theme/customiser sets these with very specific selectors (Montserrat-Medium 16px...). */
	font-family: var(--c-font-main) !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 1.5 !important;
	letter-spacing: .06em !important;
	color: #000;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main strong,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main b { font-weight: 700; }
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p a,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main li a {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	color: #000;
	text-decoration: underline;
	text-underline-offset: 3px;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p a:hover,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main li a:hover { color: #7a6200; }

/* Forms and buttons inside the content */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main input,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main textarea,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main select,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main label {
	font-family: var(--c-font-main);
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .btn,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main button,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main input[type="submit"],
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .wp-block-button__link,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .wpcf7-submit {
	font-family: var(--c-font-ui);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

@media (max-width: 782px) {
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p,
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main li,
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main p.wp-block-paragraph,
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .page-content-wrap p,
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .page-content-wrap li { font-size: 15px !important; line-height: 1.5 !important; letter-spacing: .03em !important; }
}

/* Specificity note: the selectors above are prefixed with body[class]x4 on purpose. The theme sets its text styles with
   very specific !important rules (e.g. ".page-template-... .col-md-8.page-content-wrap.col-md-offset-2 p"); this keeps
   our rules winning without editing the theme. */

/* News / blog cards */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-title,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-title a { font-size: 22px !important; line-height: 1.3; }
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-description,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .card-description p {
	font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: .03em !important; color: #000;
}

/* One line height for all reading text, same as the product description (1.5). */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main blockquote,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main td,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main th,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main dd,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main figcaption,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .entry-content,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .page-content-wrap,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .wp-block-paragraph { line-height: 1.5 !important; }

/* About pages: left menu (template "page with sidebar", .side). Same fonts as the other pages, bold items, no underline,
   active / hovered item in yellow like production. Must out-rank the ".main li / .main p a" text rules above. */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side h2 {
	font-family: var(--c-font-ui) !important; font-weight: 700 !important; font-size: 25px; line-height: 1.2; text-transform: none;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side ul li,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side ul li a {
	font-family: var(--c-font-main) !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1.3 !important; letter-spacing: .02em !important;
	color: #000; text-decoration: none !important;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side ul li a:hover,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side ul li a:focus,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side ul li.current_page_item a,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .main .side ul li a[aria-current] { color: #fed300; text-decoration: none !important; }

/* Careers / job vacancies: same fonts as the other pages (the theme uses Poppins here) */
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-none,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-excerpt,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-apply a,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .jobvalid {
	font-family: var(--c-font-main) !important; font-weight: 500 !important; font-size: 18px !important; line-height: 1.5 !important; letter-spacing: .06em !important; color: #000;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-expdate,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .reff {
	font-family: var(--c-font-main) !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1.5 !important; letter-spacing: .06em !important; color: #000;
}
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-post h2,
body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-post h2 a { font-family: var(--c-font-ui) !important; font-weight: 700 !important; line-height: 1.2; }
@media (max-width: 782px) {
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-none,
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .vacancy-excerpt,
	body[class][class][class][class]:not(.coroi-shop-view):not(.home) .jobvalid { font-size: 15px !important; letter-spacing: .03em !important; }
}

/* Careers: the theme also writes "Career Listing" / "Liste de carrière" with h1::before (font-size 0 on the h1 itself).
   The page title is now the real h1 (migration 004), so the generated duplicate is removed. */
body[class][class][class][class].page-id-103.blog-post article .row .row .col-md-12 h1::before,
body[class][class][class][class].page-id-1545.blog-post article .row .row .col-md-12 h1::before { content: none !important; display: none !important; }