/* -----------------------------------------------------------------------------
 * WooCommerce-generated headings
 * -----------------------------------------------------------------------------
 * These nodes are printed by WooCommerce templates, not by Bricks, so they carry
 * no global class and fall through to the h2 tag default. Map them onto the same
 * type scale the Bricks components use so the page reads as one system.
 * -------------------------------------------------------------------------- */

/* Section-level titles WooCommerce owns — match .mw-display (design .ws-display-sm) */
.woocommerce-Reviews-title,
.related.products > h2,
.upsells.products > h2,
.cross-sells > h2 {
	font-family: var(--mw-font-display);
	font-size: var(--mw-h2);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: var(--mw-tracking-display);
	color: var(--mw-text-strong);
}

/* Product card titles inside any WooCommerce loop — match .bm-card__title */
.woocommerce-loop-product__title {
	font-family: var(--mw-font-display);
	font-size: var(--mw-h5);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: var(--mw-tracking-heading);
	color: var(--mw-text-strong);
}

/* Comment/review form headings sit a step below the section title */
.comment-reply-title {
	font-family: var(--mw-font-display);
	font-size: var(--mw-h4);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: var(--mw-tracking-heading);
	color: var(--mw-text-strong);
}

/* Form furniture WooCommerce prints at browser defaults */
.woocommerce-noreviews,
.woocommerce #review_form #respond .comment-notes,
.woocommerce #review_form #respond label,
.woocommerce-product-rating {
	font-size: var(--mw-text-s);
	color: var(--mw-text-muted);
}

.woocommerce ul.products li.product .price {
	font-family: var(--mw-font-mono);
	font-size: var(--mw-text-s);
	color: var(--mw-text-price);
}

/* The Bricks product-price element owns its own scale; do not let the Woo default win. */
.bm-price .price,
.bm-price .woocommerce-Price-amount {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;
}
