/**
 * Bulk "Buy more, save more" tier cards on the product detail page.
 *
 * Rendered by thehero_render_bulk_tier_cards() (inc/woo-function.php) inside the
 * add-to-cart form. Clicking a card sets the quantity and adds to cart
 * (js/cust-js/bulk-pricing.js).
 */

.thehero-bulk-tiers {
	display: grid;
	grid-template-columns: repeat( 5, 1fr );
	gap: 10px;
	margin: 0 0 20px;
}

/* Home product card actions: the quantity stepper, "Add to cart" and "Bulk
   Inquiry" sit centered on one line, with the bulk tier cards on their own row
   above. The add-to-cart <form> uses display:contents so its children (tiers,
   quantity, button) join this flex row alongside the sibling Bulk Inquiry link. */
.home-cart-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.home-cart-actions > form.cart {
	display: contents;
}

.home-cart-actions .thehero-bulk-tiers {
	flex: 0 0 100%;
	margin: 0;
}

.home-cart-actions .quantity {
	margin: 0;
}

.home-cart-actions .btn {
	margin: 0;
}

.thehero-bulk-tier {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 12px 8px;
	text-align: center;
	cursor: pointer;
	background: #f3f4f4;
	border: 1px solid #e4e5e5;
	border-radius: 4px;
	color: var( --dark-font-color, #353b3d );
	transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.thehero-bulk-tier:hover,
.thehero-bulk-tier:focus {
	border-color: var( --dark-btn-color, #353b3d );
	background: #fff;
	box-shadow: 0 2px 10px rgba( 0, 0, 0, .08 );
	outline: none;
}

.thehero-bulk-tier.is-selected {
	border-color: var( --dark-btn-color, #353b3d );
	background: var( --dark-btn-color, #353b3d );
	color: var( --white-color, #fff );
}

.thehero-bulk-tier.is-selected .thehero-bulk-each {
	color: var( --white-color, #fff );
}

.thehero-bulk-tier[disabled],
.thehero-bulk-tier.is-disabled {
	cursor: not-allowed;
	opacity: .45;
	box-shadow: none;
}
.thehero-bulk-each .amount{color: #4CAF50 !important;font-weight: 800;}

.thehero-bulk-qty {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
}

.thehero-bulk-save {
	font-size: 13px;
	font-weight: 600;
}

.thehero-bulk-each {
	font-size: 12px;
	color: var( --light-font-color, #6b7173 );
}

/* Cart page: per-line "you save" note under the product name. */
.thehero-line-discount {
	margin-top: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #2e7d32;
}

/* Cart/checkout totals: the negative "Discount" fee row. */
.cart_totals .fee td,
.woocommerce-checkout-review-order-table .fee td {
	color: #2e7d32;
}

@media ( max-width: 575px ) {
	.thehero-bulk-tiers {
		grid-template-columns: repeat( 2, 1fr );
	}
}