/*
 * Hwanjin - hide WooCommerce category names/count banners globally.
 * Keeps the category image/card clickable while removing the visible title/count overlay.
 */

/* Standard WooCommerce category tiles */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title,
ul.products li.product-category .woocommerce-loop-category__title,

/* Common theme wrappers around WooCommerce category titles */
.woocommerce ul.products li.product-category h2,
.woocommerce-page ul.products li.product-category h2,
ul.products li.product-category h2,

/* Product/category count text */
.woocommerce ul.products li.product-category .count,
.woocommerce-page ul.products li.product-category .count,
ul.products li.product-category .count,

/* Some themes wrap title/count in an overlay or caption */
li.product-category .product-category__title,
li.product-category .category-title,
li.product-category .category-count,
li.product-category .product-category-title,
li.product-category .product-category-count,
li.product-category .woocommerce-loop-category__title mark,
li.product-category mark.count {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Remove empty caption/banner areas left behind by some themes */
li.product-category .product-category-info:has(.woocommerce-loop-category__title),
li.product-category .category-info:has(.woocommerce-loop-category__title),
li.product-category .product-category-content:has(.woocommerce-loop-category__title) {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

/* Keep the category image clean and clickable */
.woocommerce ul.products li.product-category > a,
.woocommerce-page ul.products li.product-category > a,
ul.products li.product-category > a {
	display: block !important;
	text-decoration: none !important;
}