/* =========================================================
   NEXGEN CARE
   SHOP / PRODUCT CATEGORY / PRODUCT TAG CARD DESIGN
   ========================================================= */

body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag {
	--nx-card-border: #e1e5e9;
	--nx-card-title: #004b6d;
	--nx-card-muted: #46545f;
	--nx-card-image-bg: #f7f9fb;
}

/* =========================================================
   PRODUCT GRID
   ========================================================= */

body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	list-style: none !important;
}

body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.tax-product_tag ul.products::before,
body.tax-product_tag ul.products::after {
	display: none !important;
}

/* =========================================================
   PRODUCT CARD
   ========================================================= */

body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	padding: 20px !important;

	display: flex !important;
	flex-direction: column !important;

	background: #ffffff;
	border: 1px solid var(--nx-card-border);
	border-radius: 12px;

	box-shadow: none !important;

	text-align: center;

	min-width: 0;

	transition: none;
}

/* =========================================================
   PRODUCT LINK
   ========================================================= */

body.woocommerce-shop ul.products li.product > a,
body.tax-product_cat ul.products li.product > a,
body.tax-product_tag ul.products li.product > a {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch;

	width: 100%;

	height: 100%;

	text-decoration: none !important;

	color: inherit;
}

/* =========================================================
   IMAGE
   ========================================================= */

body.woocommerce-shop ul.products li.product img,
body.tax-product_cat ul.products li.product img,
body.tax-product_tag ul.products li.product img {
	display: block !important;

	width: 100% !important;
	height: 220px !important;

	margin: 0 0 18px !important;
	padding: 10px !important;

	object-fit: contain !important;
	object-position: center;

	background: var(--nx-card-image-bg);

	border-radius: 8px;

	transform: none !important;
}

/* =========================================================
   TITLE
   ========================================================= */

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;

	overflow: hidden !important;

	height: 44px !important;
	min-height: 44px !important;

	margin: 0 !important;
	padding: 0 !important;

	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;

	color: var(--nx-card-title) !important;

	text-align: center !important;

	white-space: normal !important;
	text-overflow: ellipsis;
}

/* =========================================================
   CATEGORY / META TEXT
   ========================================================= */

/* Common WooCommerce / Blocksy meta areas */
body.woocommerce-shop ul.products li.product .product-category,
body.woocommerce-shop ul.products li.product .ct-product-meta,
body.tax-product_cat ul.products li.product .product-category,
body.tax-product_cat ul.products li.product .ct-product-meta,
body.tax-product_tag ul.products li.product .product-category,
body.tax-product_tag ul.products li.product .ct-product-meta {
	display: block;

	margin-top: 12px;

	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.4;

	color: var(--nx-card-muted) !important;

	text-align: center;
}

/* Category links */
body.woocommerce-shop ul.products li.product .product-category a,
body.tax-product_cat ul.products li.product .product-category a,
body.tax-product_tag ul.products li.product .product-category a {
	color: var(--nx-card-muted) !important;
	text-decoration: none !important;
}

/* =========================================================
   HIDE PRICE
   ========================================================= */

body.woocommerce-shop ul.products li.product .price,
body.woocommerce-shop ul.products li.product .amount,
body.woocommerce-shop ul.products li.product .woocommerce-Price-amount,
body.tax-product_cat ul.products li.product .price,
body.tax-product_cat ul.products li.product .amount,
body.tax-product_cat ul.products li.product .woocommerce-Price-amount,
body.tax-product_tag ul.products li.product .price,
body.tax-product_tag ul.products li.product .amount,
body.tax-product_tag ul.products li.product .woocommerce-Price-amount {
	display: none !important;
}

/* =========================================================
   HIDE RATING
   ========================================================= */

body.woocommerce-shop ul.products li.product .star-rating,
body.tax-product_cat ul.products li.product .star-rating,
body.tax-product_tag ul.products li.product .star-rating {
	display: none !important;
}

/* =========================================================
   HIDE ADD TO CART
   ========================================================= */

body.woocommerce-shop ul.products li.product .button,
body.woocommerce-shop ul.products li.product .add_to_cart_button,
body.woocommerce-shop ul.products li.product .added_to_cart,
body.tax-product_cat ul.products li.product .button,
body.tax-product_cat ul.products li.product .add_to_cart_button,
body.tax-product_cat ul.products li.product .added_to_cart,
body.tax-product_tag ul.products li.product .button,
body.tax-product_tag ul.products li.product .add_to_cart_button,
body.tax-product_tag ul.products li.product .added_to_cart {
	display: none !important;
}

/* =========================================================
   HIDE SALE BADGE
   ========================================================= */

body.woocommerce-shop ul.products li.product .onsale,
body.tax-product_cat ul.products li.product .onsale,
body.tax-product_tag ul.products li.product .onsale {
	display: none !important;
}

/* =========================================================
   REMOVE EXTRA SPACING FROM BLOCKSY PRODUCT CONTENT
   ========================================================= */

body.woocommerce-shop ul.products li.product .ct-product-content,
body.tax-product_cat ul.products li.product .ct-product-content,
body.tax-product_tag ul.products li.product .ct-product-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* =========================================================
   HOVER
   ========================================================= */

body.woocommerce-shop ul.products li.product:hover,
body.tax-product_cat ul.products li.product:hover,
body.tax-product_tag ul.products li.product:hover {
	transform: none !important;
	box-shadow: none !important;
	border-color: var(--nx-card-border);
}

body.woocommerce-shop ul.products li.product:hover img,
body.tax-product_cat ul.products li.product:hover img,
body.tax-product_tag ul.products li.product:hover img {
	transform: none !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px !important;
	}

	body.woocommerce-shop ul.products li.product,
	body.tax-product_cat ul.products li.product,
	body.tax-product_tag ul.products li.product {
		padding: 16px !important;
	}

	body.woocommerce-shop ul.products li.product img,
	body.tax-product_cat ul.products li.product img,
	body.tax-product_tag ul.products li.product img {
		height: 210px !important;
	}
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {
	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	body.woocommerce-shop ul.products li.product,
	body.tax-product_cat ul.products li.product,
	body.tax-product_tag ul.products li.product {
		padding: 12px !important;
		border-radius: 10px;
	}

	body.woocommerce-shop ul.products li.product img,
	body.tax-product_cat ul.products li.product img,
	body.tax-product_tag ul.products li.product img {
		height: 165px !important;
		margin-bottom: 12px !important;
		padding: 8px !important;
		border-radius: 7px;
	}

	body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
	body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
	body.tax-product_tag ul.products li.product .woocommerce-loop-product__title {
		height: 38px !important;
		min-height: 38px !important;

		font-size: 12px !important;
		line-height: 1.35 !important;
	}

	body.woocommerce-shop ul.products li.product .product-category,
	body.woocommerce-shop ul.products li.product .ct-product-meta,
	body.tax-product_cat ul.products li.product .product-category,
	body.tax-product_cat ul.products li.product .ct-product-meta,
	body.tax-product_tag ul.products li.product .product-category,
	body.tax-product_tag ul.products li.product .ct-product-meta {
		margin-top: 9px;
		font-size: 10px !important;
	}
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {
	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		gap: 10px !important;
	}

	body.woocommerce-shop ul.products li.product img,
	body.tax-product_cat ul.products li.product img,
	body.tax-product_tag ul.products li.product img {
		height: 145px !important;
	}
}