/*
 * Olaware — brand fonts (per style guide)
 * ---------------------------------------
 * Primary:   Sofia Pro (Adobe Fonts kit jhc2mgq, loaded in the site header)
 *            → headings, navigation, buttons and body copy.
 *            Kit weights: 300 Light / 400 Regular / 500 Medium / 600 SemiBold / 700 Bold.
 * Secondary: DM Serif Display (Google Fonts, loaded below)
 *            → editorial moments ONLY: pull-quotes, Learn/Journal headlines,
 *              "Why Olaware" statements. Never body copy or UI.
 * Fallback:  Figtree (closest free equivalent to Sofia Pro).
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Figtree:wght@300;400;500;600;700&display=swap');

:root {
	--olaware-font-primary: "sofia-pro", "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--olaware-font-editorial: "DM Serif Display", Georgia, serif;
}

/* ---- Sofia Pro everywhere: body copy, UI, forms, buttons ---- */
body,
button,
input,
select,
textarea,
.fl-page,
.fl-builder-content,
.fl-button,
.fl-menu,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-family: var(--olaware-font-primary) !important;
}

/* ---- Headings: Sofia Pro SemiBold ---- */
h1, h2, h3, h4, h5, h6,
.fl-heading,
.fl-heading-text,
.fl-module-heading .fl-heading,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
	font-family: var(--olaware-font-primary) !important;
	font-weight: 600;
}

/* ---- Editorial moments: DM Serif Display ----
 * Apply the class "olaware-editorial" to a Beaver Builder heading/text module
 * (Advanced → Class) for pull-quotes, Learn with OLI headlines and
 * "Why Olaware" statements. Italic variant: add "olaware-editorial-italic".
 */
.olaware-editorial,
.olaware-editorial .fl-heading,
.olaware-editorial .fl-heading-text,
.olaware-editorial h1,
.olaware-editorial h2,
.olaware-editorial h3,
blockquote.olaware-quote,
blockquote.olaware-quote p {
	font-family: var(--olaware-font-editorial) !important;
	font-weight: 400;
	letter-spacing: 0;
}

.olaware-editorial-italic,
.olaware-editorial-italic .fl-heading,
.olaware-editorial-italic .fl-heading-text,
blockquote.olaware-quote em {
	font-family: var(--olaware-font-editorial) !important;
	font-style: italic;
	font-weight: 400;
}

/* ---- Weight utilities matching the licensed kit ---- */
.olaware-light { font-weight: 300; }
.olaware-regular { font-weight: 400; }
.olaware-medium { font-weight: 500; }
.olaware-semibold { font-weight: 600; }