/* Product (a product card in a Product Listing: photo, name, one line, Shop now)
   2026 look, matching the recipe card's Equipment tiles and the Call to Action's Product card: a
   linen card with a small radius, the photo square inside it with the shared brass hover frame
   (_blocks-core.scss), the name in the heading face and the theme's button underneath.
--------------------------------------------- */
.block-product {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	padding: 12px 12px 22px;
	border-radius: var(--wp--custom--border-radius--small);
	background: var(--wp--preset--color--secondary);
	text-align: center;
}

/* On a linen band the card turns ivory so it still reads as a card */
.has-secondary-background-color .block-product {
	background: var(--wp--preset--color--background);
}

.editor-styles-wrapper .block-product a {
	pointer-events: none;
}

.block-product__image {
	position: relative; /* holds the shared brass hover frame */
	display: block;
	line-height: 0;
}

.block-product img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--wp--custom--border-radius--small);
}

.block-product__info {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	padding: 18px 8px 0;
}

.block-product__title {
	display: block;
	margin-bottom: 6px;
	font-family: var(--wp--preset--font-family--heading);
	font-variation-settings: "SOFT" 100, "WONK" 1;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--black);
}

.block-product__desc {
	display: block;
	margin-bottom: 18px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

/* The button sits at the foot of the card, so a row of cards lines its buttons up */
.block-product__link-container {
	display: block;
	margin-top: auto;
}