/*
 * Animacorda Styles (MU)
 *
 * Purpose: ensure /shop (WooCommerce templates + blocks) never "switches" typography.
 * This is intentionally minimal: enforce the typography baseline and let theme/plugin
 * component styles (cards, buttons, etc.) do the rest.
 */

:root {
	/* Prefer theme.json presets, fall back to safe system defaults. */
	--animacorda-font-body: var(
		--wp--preset--font-family--nunito,
		system-ui,
		-apple-system,
		"Segoe UI",
		Roboto,
		Ubuntu,
		Cantarell,
		"Noto Sans",
		sans-serif
	);
	--animacorda-color-text: var(--wp--preset--color--text, #111111);
	--animacorda-font-size: var(--wp--preset--font-size--m, 16px);
	--animacorda-line-height: 1.6;
}

/* Baseline typography everywhere. */
body,
.wp-site-blocks {
	font-family: var(--animacorda-font-body);
	font-size: var(--animacorda-font-size);
	line-height: var(--animacorda-line-height);
	color: var(--animacorda-color-text);
}

/*
 * WooCommerce (classic + blocks):
 * Keep typography consistent even if WooCommerce or a third-party stylesheet
 * sets a different font-family in its own scope.
 */
body.woocommerce,
body.woocommerce-shop,
body.woocommerce-page,
body.woocommerce :where(.woocommerce),
body.woocommerce-shop :where(.woocommerce),
body.woocommerce-page :where(.woocommerce),
:where(.wc-block-components-notice-banner),
:where(.wc-block-components-sidebar),
:where(.wc-block-components-order-summary),
:where(.wc-block-components-form),
:where(.wc-block-components-totals-wrapper),
:where(.wc-block-components-product-name),
:where(.wc-block-components-product-price),
:where(.wc-block-grid__product-title),
:where(.wc-block-grid__product-price) {
	font-family: var(--animacorda-font-body);
	color: var(--animacorda-color-text);
}

/* Form controls should not pull in a different font on shop pages. */
body.woocommerce :where(button, input, select, textarea),
body.woocommerce-shop :where(button, input, select, textarea),
body.woocommerce-page :where(button, input, select, textarea) {
	font-family: inherit;
}