/* SCAPS Request a Quote – kept minimal so the theme's own styles apply. */

/* Hide any add-to-cart buttons a theme might still print. */
.add_to_cart_button:not(.scaps-raq-button),
.single_add_to_cart_button:not(.scaps-raq-button),
.ajax_add_to_cart:not(.scaps-raq-button) {
	display: none !important;
}

/* Product page form */
.scaps-raq-product-form { margin: 1.5em 0; }
.scaps-raq-option { margin: 0 0 1em; }
.scaps-raq-option label { display: block; font-weight: 600; margin-bottom: .35em; }
.scaps-raq-option select { min-width: 220px; max-width: 100%; }
.scaps-raq-product-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.scaps-raq-product-form__actions .quantity { margin: 0; }

/* Quote page */
.scaps-raq {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 40px;
	align-items: start;
	position: relative;
}
@media (max-width: 900px) {
	.scaps-raq { grid-template-columns: 1fr; gap: 28px; }
}
/* Stack the list and form when the page content area is narrow (e.g. pages with a sidebar). */
.scaps-raq-page { container-type: inline-size; }
@container (max-width: 860px) {
	.scaps-raq { grid-template-columns: 1fr; gap: 28px; }
}
@container (max-width: 480px) {
	.scaps-raq-table .scaps-raq-col-image { display: none; }
	.scaps-raq__form { padding: 20px; }
}
.scaps-raq-intro { margin-bottom: 1.5em; }
.scaps-raq__table-wrap { overflow-x: auto; }
.scaps-raq-table { width: 100%; border-collapse: collapse; margin: 0; }
.scaps-raq-table th,
.scaps-raq-table td {
	padding: 14px 8px;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	text-align: left;
	vertical-align: middle;
	background: none;
}
.scaps-raq-table .scaps-raq-col-remove { width: 32px; padding-left: 0; }
.scaps-raq-table .scaps-raq-col-image { width: 72px; }
.scaps-raq-table .scaps-raq-col-image img { width: 64px; height: auto; display: block; }
.scaps-raq-table .scaps-raq-col-qty { width: 100px; }
.scaps-raq-table .scaps-raq-col-total { text-align: right; white-space: nowrap; }
.scaps-raq-table small { display: block; opacity: .75; margin-top: 2px; }
.scaps-raq-qty { width: 80px; max-width: 100%; }
.scaps-raq-remove {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
	opacity: .55;
	padding: 2px 6px !important;
	min-width: 0 !important;
}
.scaps-raq-remove:hover,
.scaps-raq-remove:focus { opacity: 1; }
.scaps-raq__list-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
}
.scaps-raq__form { background: rgba(0, 0, 0, .04); padding: 28px; }
.scaps-raq__form-title { margin-top: 0; }
.scaps-raq-field { margin: 0 0 16px; }
.scaps-raq-field > label { display: block; font-weight: 600; margin-bottom: 6px; }
.scaps-raq-field input[type="text"],
.scaps-raq-field input[type="email"],
.scaps-raq-field input[type="tel"],
.scaps-raq-field textarea { width: 100%; box-sizing: border-box; }
.scaps-raq-field .optional { font-weight: 400; opacity: .7; }
.scaps-raq-consent label { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; }
.scaps-raq-consent input { margin-top: .3em; flex: 0 0 auto; }
.scaps-raq-actions { margin: 20px 0 0; }
.scaps-raq-thanks,
.scaps-raq-empty { margin: 0 0 2em; }

/* Spam trap and the hidden default button: off screen, not display:none. */
.scaps-raq-hp,
.scaps-raq-default-submit {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}
