/**
 * HEU Bulk Pricing Table Frontend Styles
 *
 * Styles for the bulk pricing table section on the frontend.
 *
 * @package HEU_Admin
 * @version 1.0.0
 */

/* Product info bar: Product Code + Price (left) | Bulk Discounts (right) */
.heu-product-info-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.5rem;
	margin-bottom: 1rem;
}

.heu-product-info-left {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	gap: 0.25rem;
}

.heu-product-info-left .et_pb_wc_meta {
	display: block !important;
}

/* Price: label is a CSS ::before on .et_pb_wc_price — make the module itself a flex row
   so the pseudo-element label and the price amount sit on one line, no wrap.
   justify-content: flex-start is critical — without it an inherited flex-end rule
   pushes everything to the right side of the module. */
.heu-product-info-left .et_pb_wc_price {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: baseline !important;
	justify-content: flex-start !important;
	white-space: nowrap;
}

.heu-product-info-left .et_pb_wc_price::before {
	flex-shrink: 0;
	white-space: nowrap;
}

.heu-product-info-left .et_pb_wc_price .et_pb_module_inner {
	white-space: nowrap;
}

.heu-product-info-left .et_pb_wc_price p.price,
.heu-product-info-left .et_pb_wc_price .price,
.heu-product-info-left .et_pb_wc_price .price * {
	display: inline !important;
	margin: 0;
	white-space: nowrap !important;
}

.heu-product-info-left .et_pb_wc_price .price,
.heu-product-info-left .et_pb_wc_price .price .amount,
.heu-product-info-left .et_pb_wc_price .woocommerce-Price-amount {
	color: var(--orange-color, #bf7602) !important;
}

.heu-product-info-right {
	flex: 0 0 50%;
	min-width: 0;
	display: flex;
	justify-content: flex-end;
}

.heu-product-info-right .heu-bulk-pricing-section {
	width: 100%;
}

.heu-bulk-pricing-section {
	margin: 0;
}

.heu-bulk-pricing-section h4,
.heu-bulk-pricing-section .heu-bulk-pricing-heading {
	color: #472711;
	font-weight: 600;
	margin-bottom: 0.4rem;
}

.heu-bulk-pricing-table {
	border-collapse: collapse;
	width: 100%;
}

.heu-bulk-pricing-table th {
	background: #472711;
	color: #fff;
	padding: 4px 10px;
	font-size: 0.8em;
	text-align: center;
	white-space: nowrap;
}

.heu-bulk-pricing-table td {
	padding: 4px 10px;
	text-align: center;
	font-size: 0.85em;
	border: 1px solid #ddd;
	white-space: nowrap;
}

.heu-bulk-pricing-table .heu-bulk-tier-rule-name {
	display: block;
	font-size: 0.75em;
	color: #666;
	margin-top: 2px;
}