/**
 * Volume pricing block.
 *
 * Built inside the site design "Bite Terminator Field Red": flat surfaces,
 * hairline rules instead of cards, and #eb1e25 spent only on price.
 */

.cwp-bulk {
	margin: 32px 0 0;
	max-width: 30rem;
}

.cwp-bulk__title {
	margin: 0 0 8px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 900;
	font-size: 1.375rem;
	line-height: 1.05;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #000000;
}

.cwp-bulk__table {
	width: 100%;
	border-collapse: collapse;
	font-family: "DM Sans", sans-serif;
}

.cwp-bulk__table thead th {
	padding: 0 10px 6px;
	border-bottom: 1px solid #d1d5db;
	font-family: "DM Sans", sans-serif;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #5e5e5e;
	text-align: left;
}

.cwp-bulk__table thead th:last-child {
	text-align: right;
}

.cwp-bulk__row th,
.cwp-bulk__row td {
	padding: 10px;
	border-bottom: 1px solid #d1d5db;
	background: none;
}

.cwp-bulk__qty {
	font-family: "DM Sans", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000000;
	text-align: left;
}

.cwp-bulk__unit {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 900;
	font-size: 1.25rem;
	line-height: 1.1;
	color: #000000;
	text-align: right;
	white-space: nowrap;
}

/* The active band: tinted ground plus a signal-red left edge, no elevation. */
.cwp-bulk__row.is-active th,
.cwp-bulk__row.is-active td {
	background: #f4f3f3;
}

.cwp-bulk__row.is-active .cwp-bulk__qty {
	box-shadow: inset 3px 0 0 0 #eb1e25;
}

.cwp-bulk__row.is-active .cwp-bulk__unit {
	color: #eb1e25;
}

.cwp-bulk__live {
	margin: 12px 0 0;
	font-family: "DM Sans", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #5e5e5e;
}

.cwp-bulk__live b {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 900;
	font-size: 1.125rem;
	color: #000000;
}

.cwp-bulk__save {
	color: #eb1e25;
}

.cwp-bulk__save b {
	color: #eb1e25;
}

/**
 * Quantity fields sized for bulk orders.
 *
 * Divi gives the cart quantity input `width: 25%; min-width: 60px` and inherits
 * a 16px inset from its WooCommerce base rule, so under 30px of text area is
 * left once the number spinner takes its share. Two digits already clip there,
 * and this store sells by the hundred. The spinner is left alone; the box is
 * widened and the inset trimmed so three and four digit quantities fit beside
 * it. Selectors are one step more specific than Divi's so the sizing lands
 * without !important.
 */
body .et_pb_wc_cart_products table.cart td.product-quantity .quantity input.qty,
body .et_pb_wc_cart_products.et_pb_row_layout_vertical table.cart .quantity input.qty {
	width: 6.5em;
	min-width: 6.5em;
	max-width: 100%;
	padding: 14px 10px;
	text-align: left;
}

/* The add to cart field on the product page, matched to the cart for consistency. */
body .et_pb_wc_add_to_cart .quantity input.qty,
body .et_pb_wc_add_to_cart form.cart .quantity input.qty {
	width: 6.5em;
	min-width: 6.5em;
	max-width: none;
	padding: 14px 10px;
	text-align: left;
}