/* Scope to the purchase controls: shortcode grids do not use ul.products. */
.eberle-loop-purchase {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 11px;
	box-sizing: border-box;
	width: fit-content;
	max-width: 100%;
	margin: 10px auto 15px;
}

.eberle-loop-purchase .quantity {
	display: flex;
	float: none;
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	margin: 0;
}

.eberle-loop-purchase .quantity .eberle-loop-quantity__input {
	/* Keep the product-page font in a compact archive control. */
	box-sizing: border-box;
	width: 48px;
	min-width: 0;
	height: 42px;
	min-height: 0;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	background: #fff;
	font: 14px Arial, sans-serif;
	text-align: center;
}

.eberle-loop-purchase .eberle-loop-quantity__input:focus-visible {
	outline: 2px solid var(--eb-color-green, #84ab00);
	outline-offset: 2px;
}

.eberle-loop-purchase .add_to_cart_button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	min-height: 0;
	margin: 0 !important;
	padding: 8px 16px !important;
	border-radius: 0 !important;
	font-size: var(--wp--preset--font-size--medium, 1.125rem) !important;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	white-space: normal;
}

.eberle-loop-purchase .added_to_cart {
	flex-basis: 100%;
	text-align: center;
}