/*
Theme Name: Flatsome Child Theme v2
Description: Child theme for Flatsome with the Sharp-Rite design system (opt-in Customizer options) and the redesigned homepage
Author: UX Themes
Template: flatsome
Version: 4.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Shop page: real section headings separating category tiles from
   products, inserted as actual DOM elements (see sr_shop_section_headings()
   in functions.php) so they reliably span the full row width instead of
   relying on CSS pseudo-element tricks. */
body.woocommerce-shop .sr-shop-section-heading,
body.tax-product_cat .sr-shop-section-heading {
	flex: 1 1 100%;
	width: 100%;
	display: block;
	font-weight: 800;
	font-size: 1.15em;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #1a1a1a;
	padding-bottom: 12px;
	margin: 40px 0 20px;
	border-bottom: 3px solid #e23744;
}
body.woocommerce-shop .sr-shop-section-heading:first-child,
body.tax-product_cat .sr-shop-section-heading:first-child {
	margin-top: 0;
}

/* Give category tiles a soft, distinct "mat" so they read as browsable
   categories, without touching the product cards at all. */
body.woocommerce-shop .products.row .product-category .col-inner,
body.tax-product_cat .products.row .product-category .col-inner {
	background: #f4f4f4;
	padding: 10px;
	border-radius: 12px;
}
body.woocommerce-shop .products.row .product-category .box-image,
body.woocommerce-shop .products.row .product-category .box,
body.tax-product_cat .products.row .product-category .box-image,
body.tax-product_cat .products.row .product-category .box {
	border-radius: 8px;
	overflow: hidden;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}