/* BrainlessITC Request Product Quote — storefront styles. Kept minimal so themes stay in control. */

/* Buttons ---------------------------------------------------------------- */
.blraq-add-to-quote {
	cursor: pointer;
}

.blraq-add-to-quote.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.blraq-add-to-quote.loading {
	opacity: 0.6;
	pointer-events: none;
}

.blraq-add-to-quote.loading::after {
	content: "";
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin-inline-start: 0.5em;
	vertical-align: -0.1em;
	border: 2px solid currentColor;
	border-inline-end-color: transparent;
	border-radius: 50%;
	animation: blraq-spin 0.7s linear infinite;
}

@keyframes blraq-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.blraq-add-to-quote.loading::after {
		animation: none;
	}
}

/* Single product: next to Add to cart, wraps nicely on small screens. */
form.cart .blraq-add-to-quote.blraq-context-single {
	margin-inline-start: 0.5em;
}

/* Some themes (incl. block themes) lay the variation button area out as a grid:
   put the quote button on its own row instead of stretching it. */
form.cart .woocommerce-variation-add-to-cart .blraq-add-to-quote.blraq-context-single {
	grid-column: 1 / -1;
	justify-self: start;
	width: auto;
	margin: 0.75em 0 0;
}

form.cart .woocommerce-variation-add-to-cart .blraq-feedback {
	grid-column: 1 / -1;
}

/* Simple product forms that contain the quote button: one wrapping row
   (block themes lay form.cart out as a grid which would stretch the button). */
form.cart.blraq-standalone-form,
form.cart.blraq-has-quote:not(.variations_form),
form.cart:not(.variations_form):has(> .blraq-add-to-quote) {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.5em;
}

form.cart.blraq-standalone-form .quantity,
form.cart.blraq-standalone-form .blraq-add-to-quote,
form.cart.blraq-has-quote:not(.variations_form) > .quantity,
form.cart.blraq-has-quote:not(.variations_form) > button,
form.cart:not(.variations_form):has(> .blraq-add-to-quote) > .quantity,
form.cart:not(.variations_form):has(> .blraq-add-to-quote) > button {
	float: none;
	width: auto;
	margin: 0;
}

form.cart.blraq-standalone-form .blraq-feedback,
form.cart.blraq-has-quote .blraq-feedback,
form.cart:has(> .blraq-add-to-quote) > .blraq-feedback {
	flex-basis: 100%;
}

.blraq-standalone-form .blraq-add-to-quote.blraq-context-single,
body.blraq-hide-atc form.cart .blraq-add-to-quote.blraq-context-single {
	margin-inline-start: 0;
}

/* Hidden Add to cart for quote-only products (JS also removes it). */
body.blraq-hide-atc form.cart .single_add_to_cart_button:not(.blraq-add-to-quote),
body.blraq-hide-atc .wc-block-add-to-cart-form .single_add_to_cart_button:not(.blraq-add-to-quote),
body.blraq-hide-atc .wp-block-woocommerce-add-to-cart-with-options .single_add_to_cart_button:not(.blraq-add-to-quote) {
	display: none !important;
}

/* Lists (classic loop + Product Button block). */
.blraq-loop-actions {
	margin-top: 0.5em;
}

.wp-block-woocommerce-product-template .blraq-loop-actions,
.wc-block-grid .blraq-loop-actions {
	text-align: center;
}

.blraq-loop-actions .blraq-add-to-quote {
	display: inline-block;
}

/* Feedback after adding. */
.blraq-feedback {
	display: block;
	margin-top: 0.5em;
	font-size: 0.9em;
}

.blraq-feedback:empty {
	display: none;
}

.blraq-feedback.is-error {
	color: #b32d2e;
}

.blraq-feedback__link {
	font-weight: 600;
	white-space: nowrap;
}

.blraq-price-hidden {
	font-style: italic;
}

/* Quote link / counter. */
.blraq-quote-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	text-decoration: none;
}

.blraq-quote-count {
	display: inline-block;
	min-width: 1.6em;
	padding: 0 0.4em;
	border-radius: 1em;
	background: #1e1e1e;
	color: #fff;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
}

.blraq-quote-count[data-count="0"] {
	opacity: 0.6;
}

/* Quote page ------------------------------------------------------------- */
.blraq-quote-page .blraq-basket-table .product-thumbnail img {
	width: 64px;
	height: auto;
	max-width: none;
}

.blraq-quote-page .blraq-basket-table td,
.blraq-quote-page .blraq-basket-table th {
	vertical-align: middle;
}

.blraq-quote-page .blraq-item-attributes,
.blraq-quote-page .blraq-item-sku {
	margin-top: 0.25em;
	font-size: 0.875em;
	opacity: 0.8;
}

.blraq-quote-page .blraq-basket-table .qty {
	box-sizing: border-box;
	width: 5em;
	max-width: 100%;
	padding: 0.4em 0.5em;
	font-size: inherit;
}

.blraq-quote-page .product-remove a.remove {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none;
}

.blraq-basket-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.75em;
	margin: 1em 0;
}

.blraq-js .blraq-update {
	display: none;
}

.blraq-basket.is-loading {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.2s;
}

.blraq-price-note {
	font-size: 0.875em;
	opacity: 0.8;
}

.blraq-request {
	margin-top: 2em;
}

.blraq-fields {
	display: flow-root;
}

.blraq-fields .form-row {
	margin-bottom: 1em;
}

.blraq-fields .form-row label {
	display: block;
	margin-bottom: 0.25em;
}

.blraq-fields .form-row input.input-text,
.blraq-fields .form-row textarea,
.blraq-fields .form-row select {
	box-sizing: border-box;
	width: 100%;
}

@media (min-width: 768px) {
	.blraq-fields .form-row-first,
	.blraq-fields .form-row-last {
		width: 48%;
	}

	.blraq-fields .form-row-first {
		float: inline-start;
		clear: both;
	}

	.blraq-fields .form-row-last {
		float: inline-end;
	}

	.blraq-fields .form-row-wide {
		clear: both;
	}
}

.blraq-privacy-row {
	clear: both;
}

.blraq-privacy-row label {
	display: inline !important;
}

.blraq-submit-row {
	clear: both;
	margin-top: 1em;
}

.blraq-submit.loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Honeypot: visually hidden but still in the DOM for bots. */
.blraq-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.blraq-received__overview {
	margin: 1.5em 0;
	padding: 0;
	list-style: none;
}

.blraq-received__overview li {
	display: inline-block;
	margin-inline-end: 2em;
	margin-bottom: 0.5em;
}

.blraq-quote-items {
	width: 100%;
	margin-bottom: 1.5em;
}

.blraq-empty {
	padding: 1em 0;
}

.blraq-block-placeholder {
	padding: 1.5em;
	border: 1px dashed currentColor;
	text-align: center;
	opacity: 0.7;
}

/* Small screens: stack the basket table like WooCommerce's cart. */
@media (max-width: 767px) {
	.blraq-quote-page .blraq-basket-table td.product-thumbnail {
		display: none !important;
	}

	.blraq-quote-page .blraq-basket-table td.product-remove::before {
		display: none !important;
	}

	.blraq-quote-page .blraq-basket-table td.product-remove {
		text-align: end !important;
	}

	.blraq-quote-page .blraq-fields .form-row-first,
	.blraq-quote-page .blraq-fields .form-row-last {
		float: none;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.blraq-basket-actions {
		flex-direction: column;
	}

	.blraq-basket-actions .button {
		text-align: center;
	}
}