/**
 * Phoenix Parts — front-end fallback styles.
 * The active theme already styles .boots-grid, .boot-card, .parts-table,
 * .product-detail, etc. (and, loading after this, wins on equal specificity).
 * These rules only provide a usable baseline if the design classes are absent.
 */
.parts-table { width: 100%; border-collapse: collapse; }
.parts-table th,
.parts-table td { padding: 8px 10px; border-bottom: 1px solid #e2e2e2; text-align: left; }
.parts-table-loading { padding: 12px 0; color: #666; }

.add-to-quote {
	cursor: pointer; border: 0; padding: 7px 12px; border-radius: 4px;
	background: #b32d2e; color: #fff; font-weight: 600;
}
.add-to-quote.is-added { background: #2e7d32; }

.boots-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}
.boot-card { display: block; text-decoration: none; color: inherit; border: 1px solid #e2e2e2; border-radius: 8px; overflow: hidden; }
.boot-card__media { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #f6f6f6; }
.boot-card__media img { width: 100%; height: 100%; object-fit: cover; }
.boot-card__placeholder { color: #999; font-size: 13px; }
.boot-card__body { padding: 14px; }
.boot-card__link { color: #b32d2e; font-weight: 600; }

/* The cart output includes its own plain "Request Quote" link (.smqbtn); the
   template provides the styled red button below it, so hide the duplicate. */
#phnxp-quote-cart .smqbtn { display: none; }

/* Keep the quantity number input compact so the part number stays on one line. */
#phnxp-quote-cart .quantityamount {
	width: 56px;
	min-width: 0;
	text-align: center;
}
#phnxp-quote-cart .part { white-space: nowrap; }