/**
 * RFQ for WooCommerce — public-facing styles.
 *
 * Minimal overrides on top of Bootstrap 5.
 */

.rfq-wc-product-table-wrapper .rfq-wc-col-image img {
	max-width: 60px;
	height: auto;
}

.rfq-wc-qty-input {
	max-width: 80px;
}

.rfq-wc-col-description {
	min-width: 220px;
}

.rfq-wc-description-input {
	width: 100%;
	min-width: 200px;
	resize: vertical;
}

/**
 * Horizontal-scroll container for wide tables, so they scroll within
 * their own box on narrow screens instead of overflowing the page.
 * Bootstrap's .table-responsive already provides this on the product
 * table; this class covers the plugin's other (non-Bootstrap) tables.
 */
.rfq-wc-table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.rfq-wc-product-table {
	min-width: 640px;
}

@media ( max-width: 576px ) {
	.rfq-wc-product-table-wrapper .rfq-wc-col-image img {
		max-width: 44px;
	}

	.rfq-wc-show-quote-list {
		display: block;
		width: 100%;
		text-align: center;
	}
}