/* =product listing block */

/*
alpha : 3 Column Desktop, Mobile List
beta: 4 Column Desktop , Mobile Grid
*/

.block-product-listing__header:not(:empty) {
	margin-bottom: 16px;
	text-align: center;
}

.block-product-listing__header h2 {
	font-size: var(--wp--preset--font-size--huge);
}

.block-product-listing__header p {
	font-size: var(--wp--preset--font-size--small);
	margin-top: 6px !important;
}

.block-product-listing__inner {
	display: grid;
}

.block-product-listing .product-summary {
	background-color: white;
	outline: 1px solid var(--wp--custom--color--neutral-300);
	outline-offset: -5px;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
}

.block-product-listing .product-summary__image {

}

.block-product-listing .product-summary__image img {
	margin: 0 auto;
}

.block-product-listing .product-summary__content {
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
}

.block-product-listing .product-summary__title {
	margin-bottom: 4px;
}

.block-product-listing .product-summary__description {
	font-size: var(--wp--preset--font-size--tiny);
	margin-bottom: 14px;
	flex-grow: 1;
}

.block-product-listing .product-summary__button {

}

.block-product-listing .product-summary__button a {
	font-family: var(--wp--preset--font-family--primary);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--wp--preset--color--tertiary);
	font-size: var(--wp--preset--font-size--tiny);
	text-decoration: none;
	border: 2px solid var(--wp--preset--color--tertiary);
	padding: 8px 13px;
	display: inline-block;
}

.block-product-listing .product-summary__button a:hover,
.block-product-listing .product-summary__button a:focus {
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

.block-product-listing footer {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.block-product-listing footer {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 768px) {
	.block-product-listing footer {
		margin-top: 24px;
	}
}


/* -------------------------------------------------------------------------- */
/* 3 Column Desktop, Mobile List */
/* -------------------------------------------------------------------------- */
.block-product-listing.layout-alpha {

}

.block-product-listing.layout-alpha .product-summary__title {
	font-size: var(--wp--preset--font-size--normal);
}

@media only screen and (max-width: 767px) {

	.block-product-listing.layout-alpha {

	}

	.block-product-listing.layout-alpha .block-product-listing__inner {
		grid-gap: 16px;
	}

	.block-product-listing.layout-alpha .product-summary__content {
		padding: 10px 20px 22px;
	}

}

@media only screen and (min-width: 768px) {
	.block-product-listing.layout-alpha {

	}

	.block-product-listing.layout-alpha .block-product-listing__inner {
		grid-template-columns: repeat( 3, minmax(0, 1fr ) );
		grid-gap: 32px;
	}

	.block-product-listing.layout-alpha .product-summary__content {
		padding: 10px 20px 22px;
	}

}


/* -------------------------------------------------------------------------- */
/* beta: 4 Column Desktop , Mobile Grid  */
/* -------------------------------------------------------------------------- */
.block-product-listing.layout-beta {

}

.block-product-listing.layout-beta .product-summary__title {
	font-size: var(--wp--preset--font-size--small);
}

@media only screen and (max-width: 767px) {

	.block-product-listing.layout-beta {

	}

	.block-product-listing.layout-beta .block-product-listing__inner {
		grid-template-columns: repeat( 2, minmax(0, 1fr ) );
		grid-gap: 16px;
	}

	.block-product-listing.layout-beta .product-summary__content {
		padding: 10px 14px 20px;
	}

}

@media only screen and (min-width: 768px) {
	.block-product-listing.layout-beta {

	}

	.block-product-listing.layout-beta .block-product-listing__inner {
		grid-template-columns: repeat( 4, minmax(0, 1fr ) );
		grid-gap: 32px;
	}

	.block-product-listing.layout-beta .product-summary__content {
		padding: 10px 20px 22px;
	}

}