/*
 * The quantity prices (PriceTable.php, EG-110). They sit inside the add-to-cart form, which
 * Elementor lays out as one row (quantity field + button); with the list in it the row wraps, so
 * the list gets a full line above and the summary a full line below. Same scope as Elementor's own
 * nowrap rule (widget-woocommerce-product-add-to-cart.css), so this one wins. On a variable
 * product the row is the size's button row under the size choice.
 *
 * Phones: one line per step, like a price list. From 768 px (tablet and desktop, where the
 * product column sits beside the gallery): the steps side by side as boxes, wrapping, so the
 * column does not grow past the gallery.
 */
.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart form.cart:not(.grouped_form):not(.variations_form):has(.ellengaard-qty-prices),
.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart form.cart.variations_form .woocommerce-variation-add-to-cart:has(.ellengaard-qty-prices) {
	flex-wrap: wrap;
	row-gap: 0;
}
.ellengaard-qty-prices,
.ellengaard-qty-summary {
	flex-basis: 100%;
	width: 100%;
}
.ellengaard-qty-prices {
	margin: 0 0 14px;
	text-align: left;
}
.ellengaard-qty-prices__caption {
	margin: 0 0 8px;
	color: var(--e-global-color-40b07ea);
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}
.ellengaard-qty-prices__steps {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ellengaard-qty-prices__step {
	display: flex;
	margin: 0;
	padding: 0;
}
/* Each step is a button (a click puts its first quantity in the field); the theme's own button
   look — green, bold, capitals, hover colours — is reset so the step looks like a price box. */
.woocommerce div.product form.cart .ellengaard-qty-prices__pick {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 8px 6px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	color: inherit;
	font: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}
.woocommerce div.product form.cart .ellengaard-qty-prices__pick:hover {
	border-color: var(--e-global-color-40b07ea);
	background: #f8fbf5;
	color: inherit;
}
.woocommerce div.product form.cart .ellengaard-qty-prices__pick:focus-visible {
	outline: 2px solid var(--e-global-color-40b07ea);
	outline-offset: 2px;
}
.ellengaard-qty-prices__price {
	order: 2;
	color: var(--e-global-color-40b07ea);
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
}
.ellengaard-qty-prices__badge {
	order: 3;
	padding: 1px 7px;
	border-radius: 999px;
	background: #edf3e6;
	color: #2f5410;
	font-size: 11px;
	white-space: nowrap;
}
.ellengaard-qty-prices__badge--normal {
	background: #f0f0f0;
	color: #555;
}
.woocommerce div.product form.cart .ellengaard-qty-prices__step.is-current .ellengaard-qty-prices__pick {
	border: 2px solid var(--e-global-color-40b07ea);
	padding: 7px 5px; /* the 1 px thicker border, so nothing moves */
	background: #f3f8ee;
}
.ellengaard-qty-prices__step.is-current .ellengaard-qty-prices__badge {
	background: #d6e8c2;
}
.ellengaard-qty-summary {
	margin: 12px 0 0;
	padding: 10px 14px;
	border-radius: 6px;
	background: #f4f6f1;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}
.ellengaard-qty-summary[hidden] {
	display: none;
}
.ellengaard-qty-summary strong,
.ellengaard-qty-summary span {
	display: block;
}
.ellengaard-qty-summary strong {
	font-weight: 600;
}
.ellengaard-qty-summary__save {
	color: var(--e-global-color-40b07ea);
	font-weight: 600;
}
.ellengaard-qty-summary__next {
	color: #555;
}
@media (max-width: 767px) {
	.ellengaard-qty-prices__steps {
		grid-template-columns: 1fr;
	}
	.woocommerce div.product form.cart .ellengaard-qty-prices__pick {
		flex-direction: row;
		justify-content: space-between;
		gap: 8px;
		padding: 10px 12px;
		font-size: 14px;
	}
	.woocommerce div.product form.cart .ellengaard-qty-prices__step.is-current .ellengaard-qty-prices__pick {
		padding: 9px 11px;
	}
	.ellengaard-qty-prices__qty {
		order: 1;
	}
	.ellengaard-qty-prices__badge {
		order: 2;
		margin-right: auto;
	}
	.ellengaard-qty-prices__price {
		order: 3;
	}
}