/*
 * Product cards (assets/php/catalog.php), wherever a product grid appears:
 * categories, search, the home page's product rows and related products.
 */

/* Lighter cards: no border, a soft shadow on hover, titles capped at two lines
 * so cards in a row line up, a firmer price ("Από €225.00" for variable
 * products, see catalog.php) and the sale badge as a small pill instead of a
 * 60 px circle over the photo.
 */

ul.products li.product {
	--card-ink: #222;
	--card-muted: #7a7a7a;
	--card-sale: #b3261e;
	padding: 8px 8px 14px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #fff;
	transition: box-shadow 0.2s;
}

ul.products li.product:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09) !important;
}

ul.products li.product img {
	margin-bottom: 12px !important;
	border-radius: 6px;
}

ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 2.7em;
	margin: 0 0 6px !important;
	padding: 0 4px !important;
	color: var(--card-ink) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.02em;
}

ul.products li.product .price {
	display: block;
	margin: 0 !important;
	padding: 0 4px !important;
	color: var(--card-ink) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

ul.products li.product .price .wecom-from {
	margin-right: 2px;
	color: var(--card-muted);
	font-size: 12.5px;
	font-weight: 400;
}

ul.products li.product .price del {
	margin-right: 4px;
	color: var(--card-muted) !important;
	font-size: 13px;
	font-weight: 400;
	opacity: 1;
}

ul.products li.product .price ins {
	color: var(--card-sale);
	text-decoration: none;
	font-weight: 700;
}

/* Sale badge: "Έως -30%" / "-30%" as a pill in the photo's corner. */
ul.products li.product .onsale {
	top: 16px !important;
	right: auto !important;
	left: 16px !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 4px 9px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--card-sale) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.02em;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

ul.products li.product .onsale br {
	display: none;
}

@media (max-width: 768px) {
	ul.products li.product {
		padding: 6px 6px 12px !important;
	}

	/* Greek product names are long; on a narrow card two lines cut them mid-word. */
	ul.products li.product .woocommerce-loop-product__title {
		-webkit-line-clamp: 3;
		min-height: 0;
		font-size: 12.5px !important;
	}

	ul.products li.product .price {
		font-size: 14px !important;
	}

	ul.products li.product .onsale {
		top: 12px !important;
		left: 12px !important;
		font-size: 11px !important;
	}
}