/**
 * Shop / product archive grid.
 *
 * WooCommerce ships the product loop unstyled, so on this dark theme the thumbnails ran edge to
 * edge and the "Add to cart" buttons sat at their natural text width, giving the grid a ragged
 * bottom edge. This gives each tile a brand-blue frame that closes up on hover, and makes the
 * button full-width so every card ends on the same line.
 *
 * Loaded only on the shop and product taxonomy archives — see multicraft_enqueue_assets().
 * The `.woocommerce` ancestor is the body class WooCommerce adds on those pages.
 *
 * @package multicraft
 */

.woocommerce ul.products li.product a img {
	border-radius: .3rem;
	border: 1px solid #1f6feb;
	padding: .25rem;
	box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.woocommerce ul.products li.product a:hover img {
	padding: 0;
}

.woocommerce ul.products li.product .button {
	background: #1f6feb;
	width: 100%;
	text-align: center;
	border-radius: .3rem;
	box-sizing: border-box;
	border: 1px solid #1f6feb;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
	background: none;
}