/**
 * quote-cart.css
 *
 * Item 10c (2026-09-04) — View Quote and Get Quote. Deliberately small:
 * both pages reuse cart.css's .cart-layout/.cart-table/.summary-box and
 * checkout.css's .checkout-layout/.form-section/.summary-box wholesale
 * (both enqueued alongside this file — see class-enqueue-assets.php) per
 * the user's explicit request that these two new pages look like the
 * existing Cart and Checkout pages. This file only adds the handful of
 * things genuinely new to these two pages: the sizes/quantities cell on
 * View Quote, the per-product artwork-override block on Get Quote, and a
 * couple of small notes/empty-state tweaks.
 *
 * @package B2B_Apparel
 */

/* ---------------- Empty state ---------------- */
/* Duplicated (small, deliberate) from cart.css's .empty-state rather
   than also enqueuing the rest of cart.css on the Get Quote page (which
   otherwise has no use for cart.css's line-item/shipping-widget rules) —
   View Quote DOES also enqueue cart.css directly (see
   class-enqueue-assets.php), so this simply wins there by cascade order
   with identical values; harmless duplication, not a conflict. */
.empty-state {
	border: 1px dashed #999;
	padding: 60px 20px;
	text-align: center;
}
.empty-state h2 {
	margin-bottom: 8px;
}
.empty-state p {
	color: #666;
	margin-bottom: 20px;
}

/* ---------------- View Quote ---------------- */
.quote-sizes-cell {
	font-size: 12.5px;
	color: var(--ink-soft, #555);
}
.quote-cart-table .remove-btn {
	text-decoration: none;
}
.quote-summary-note {
	font-size: 11px;
	color: #888;
	margin: 8px 0 0;
}

/* ---------------- Get Quote: "Your Quote Items" review block ---------------- */
.quote-item-row {
	border-bottom: 1px solid #eee;
	padding: 14px 0;
}
.quote-item-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.quote-item-row:first-child {
	padding-top: 0;
}
.quote-item-info h4 {
	font-size: 13.5px;
	margin: 0 0 3px;
}
.quote-item-info .meta {
	font-size: 11.5px;
	color: #888;
}
.quote-item-override-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
	font-weight: 400;
	margin-top: 10px;
	cursor: pointer;
}
.quote-item-override-toggle input {
	margin: 0;
}
.quote-item-override-fields {
	margin-top: 12px;
	padding: 14px;
	background: #fafafa;
	border: 1px solid #eee;
}
.quote-item-override-fields .field:last-child {
	margin-bottom: 0;
}
.quote-item-override-fields .field textarea {
	min-height: 70px;
}

/* Get Quote's field labels/inputs — reuses quote-request.css's
   .quote-request-form .field rules (that stylesheet is enqueued
   alongside this one — see class-enqueue-assets.php); the empty-state
   and error blocks likewise reuse quote-request.css's .empty-state/
   .quote-errors/.quote-success rules rather than duplicating them. */

@media (max-width: 900px) {
	.checkout-layout {
		grid-template-columns: 1fr;
	}
}