/* Longhand Quantity Discounts — front-end pricing table.
   Styled from theme design tokens with literal fallbacks so it degrades
   standalone; dark mode is automatic (the theme flips these tokens). */

.lhqd {
	margin: var(--space-6, 1.5rem) 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-4, 1rem);
}

.lhqd__heading {
	margin: 0;
	font-family: var(--font-display, Georgia, serif);
	font-size: var(--text-lg, 1.375rem);
	color: var(--text-strong, #2c231b);
}

.lhqd-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--surface-card, #fff);
	border: 1px solid var(--border-subtle, rgba(44, 35, 27, 0.1));
	border-radius: var(--radius-md, 10px);
	box-shadow: var(--shadow-sm, 0 1px 2px rgba(44, 35, 27, 0.06));
	overflow: hidden;
	font-size: var(--text-sm, 0.875rem);
	color: var(--text-body, #3a3128);
}

.lhqd-table th,
.lhqd-table td {
	padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
	text-align: left;
}

.lhqd-table thead th {
	font-size: var(--text-xs, 0.78125rem);
	text-transform: uppercase;
	letter-spacing: var(--tracking-caps, 0.14em);
	color: var(--text-muted, #6b5f52);
	border-bottom: 1px solid var(--border-subtle, rgba(44, 35, 27, 0.1));
}

.lhqd-table tbody tr + tr td {
	border-top: 1px solid var(--border-subtle, rgba(44, 35, 27, 0.1));
}

.lhqd-savings {
	margin: 0;
	color: var(--success, #5f744d);
	font-family: var(--font-body, sans-serif);
	font-size: var(--text-sm, 0.875rem);
	margin-top: var(--space-2, 0.5rem);
}

.lhqd-group-info {
	margin: var(--space-6, 1.5rem) 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-2, 0.5rem);
}
.lhqd-group-info .lhqd__heading {
	margin: 0;
}
.lhqd-group-info__note {
	margin: 0;
	color: var(--text-muted, #6b5f52);
	font-size: var(--text-sm, 0.875rem);
}