/*
 * Category title (Shop page grid tile, e.g. "Nutrition (2)") and product
 * title (category archive grid card, e.g. "Ankle Wrap") -- both set to
 * match the product card's existing style. Category titles otherwise
 * inherit the site's default h2 size (much larger, since WooCommerce
 * doesn't give .woocommerce-loop-category__title its own size the way
 * .woocommerce-loop-product__title has in woocommerce.css: font-size:18px;
 * line-height:23px; margin-top:10px); explicitly matching those values here
 * keeps both consistent regardless of what the default h2 style does.
 *
 * font-family:Inter matches the syntax already used sitewide for body text
 * (already loaded via Google Fonts, no additional @font-face needed).
 *
 * Sentence case: CSS has no native "sentence case" transform, so this
 * lowercases the text and capitalizes only the first letter via
 * ::first-letter -- e.g. "Adult Portion Plate" reads as "Adult portion
 * plate", "NUTRITION (2)" as "Nutrition (2)". The underlying stored
 * category/product names aren't changed, only how they're displayed.
 */
.woocommerce-loop-category__title,
.woocommerce-loop-product__title {
	font-family: Inter, sans-serif !important;
	font-size: 18px !important;
	line-height: 23px !important;
	margin-top: 10px !important;
	text-transform: lowercase !important;
}

.woocommerce-loop-category__title::first-letter,
.woocommerce-loop-product__title::first-letter {
	text-transform: uppercase !important;
}