/* ==========================================================================
   WC Quantity Discounts — Theme overrides
   ========================================================================== */

/* ---------- Pricing table (product page) ---------- */

.wqd-pricing-table {
	margin: 0 0 24px;
	padding: 16px;
	background: var(--color-bg-alt);
	border: 1px solid rgba(34, 34, 34, 0.08);
	border-radius: var(--radius);
}

.wqd-pricing-table h4 {
	margin: 0 0 16px;
	font-family: var(--font-family-head);
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-black);
}

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

.wqd-pricing-table th,
.wqd-pricing-table td {
	padding: 8px 16px;
	text-align: left;
	font-size: 0.875rem;
	border-bottom: 1px solid rgba(34, 34, 34, 0.08);
}

.wqd-pricing-table thead th {
	background: transparent;
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: rgba(34, 34, 34, 0.5);
	border-bottom: 1px solid rgba(34, 34, 34, 0.12);
}

.wqd-pricing-table tbody tr:last-child td {
	border-bottom: none;
}

.wqd-pricing-table tbody tr:hover {
	background: rgba(197, 129, 129, 0.06);
}

.wqd-pricing-table .wqd-discount-value {
	color: var(--color-primary);
	font-weight: 600;
}

.wqd-pricing-table .wqd-tier-active {
	background: rgba(197, 129, 129, 0.1);
}

.wqd-pricing-table .wqd-variable-notice {
	margin: 0 0 8px;
	color: rgba(34, 34, 34, 0.5);
}

/* ---------- Dynamic price box (product page) ---------- */

.wqd-dynamic-price {
	margin: 0 0 16px;
	padding: 12px 16px;
	background: var(--color-bg-alt);
	border: 1px solid rgba(197, 129, 129, 0.2);
	border-radius: var(--radius);
	color: var(--color-black);
}

.wqd-dynamic-price .wqd-you-save {
	font-weight: 600;
	color: var(--color-primary);
}

.wqd-dynamic-price .wqd-price-per-unit {
	display: block;
	font-size: 0.875rem;
	margin-top: 4px;
	color: rgba(34, 34, 34, 0.7);
}

/* ---------- Cart price display ---------- */

.wqd-original-price,
.wqd-original-subtotal {
	color: rgba(34, 34, 34, 0.4);
	font-size: 0.875rem;
	margin-right: 8px;
}

.wqd-discounted-price,
.wqd-discounted-subtotal {
	color: var(--color-primary);
	font-weight: 600;
	text-decoration: none;
}

.wqd-savings {
	display: block;
	color: var(--color-primary);
	font-size: 0.8125rem;
	margin-top: 4px;
}

/* ---------- Total savings row ---------- */

.wqd-total-savings th,
.wqd-total-savings td {
	color: var(--color-primary);
}

.wqd-savings-amount {
	font-size: 1rem;
	font-weight: 600;
}

/* ---------- Animation ---------- */

@keyframes wqd-highlight {
	0% {
		background-color: var(--color-bg-alt);
	}
	100% {
		background-color: transparent;
	}
}
