/* Custom Grabber Crane: native WooCommerce variation controls in the quote journey. */
body.single-product .ad-custom-crane-rate {
	border-bottom: 1px solid rgba(8, 18, 36, .14);
	border-top: 1px solid rgba(8, 18, 36, .14);
	display: grid;
	gap: .28rem;
	margin: 1.2rem 0;
	padding: 1rem 0;
}

body.single-product .ad-custom-crane-rate__label,
body.single-product .ad-custom-crane-configurator .ad-label {
	color: #26927a;
	font-family: var(--font-mono, monospace);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.3;
	text-transform: uppercase;
}

body.single-product .ad-custom-crane-rate__value {
	color: #081224;
	font-family: var(--font-display, "Barlow Condensed", sans-serif);
	font-size: clamp(2rem, 4vw, 2.7rem);
	letter-spacing: -.03em;
	line-height: .96;
}

body.single-product .ad-custom-crane-rate__option {
	color: #52606f;
	font-size: .92rem;
	line-height: 1.45;
}

body.single-product .ad-custom-crane-configurator {
	background: #f5f9f9;
	border: 1px solid rgba(8, 18, 36, .14);
	margin-top: 1.5rem;
	padding: clamp(1.1rem, 3vw, 1.65rem);
}

body.single-product .ad-custom-crane-configurator header { margin-bottom: 1.1rem; }
body.single-product .ad-custom-crane-configurator .ad-label { margin: 0 0 .5rem; }
body.single-product .ad-custom-crane-configurator h2 {
	color: #081224;
	font-family: var(--font-display, "Barlow Condensed", sans-serif);
	font-size: clamp(1.8rem, 3.4vw, 2.55rem);
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: .98;
	margin: 0;
}

body.single-product .ad-custom-crane-configurator form.variations_form.cart { margin: 0; }
body.single-product .ad-custom-crane-configurator .variations {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	width: 100%;
}

body.single-product .ad-custom-crane-configurator .variations th,
body.single-product .ad-custom-crane-configurator .variations td {
	display: block;
	padding: 0;
	text-align: left;
	width: 100%;
}

body.single-product .ad-custom-crane-configurator .variations th {
	color: #081224;
	font-size: .93rem;
	font-weight: 700;
	padding-bottom: .6rem;
}

body.single-product .ad-custom-crane-configurator .variations select {
	background: #fff;
	border: 1px solid rgba(8, 18, 36, .34);
	border-radius: 0;
	color: #081224;
	font: inherit;
	min-height: 3rem;
	padding: .65rem .8rem;
	width: 100%;
}

body.single-product .ad-custom-crane-configurator .variable-items-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
	margin: 0;
	padding: 0;
}

body.single-product .ad-custom-crane-configurator .variable-item {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(8, 18, 36, .34);
	border-radius: 0;
	color: #081224;
	display: inline-flex;
	font: inherit;
	font-weight: 700;
	justify-content: center;
	min-height: 3rem;
	min-width: 5.75rem;
	padding: .6rem .8rem;
}

body.single-product .ad-custom-crane-configurator .variable-item.selected,
body.single-product .ad-custom-crane-configurator .variable-item:hover,
body.single-product .ad-custom-crane-configurator .variable-item:focus-visible {
	background: #35bb9d;
	border-color: #26927a;
	box-shadow: none;
	color: #081224;
}

body.single-product .ad-custom-crane-configurator .reset_variations {
	color: #081224;
	display: inline-flex;
	font-size: .86rem;
	font-weight: 700;
	margin-top: .75rem;
	min-height: 2.75rem;
	align-items: center;
}

body.single-product .ad-custom-crane-configurator .single_variation { min-height: 0; }
body.single-product .ad-custom-crane-configurator .woocommerce-variation-price,
body.single-product .ad-custom-crane-configurator .woocommerce-variation-availability { display: none; }

body.single-product .ad-custom-crane-quote-action {
	display: grid;
	gap: .7rem;
	margin-top: 1.2rem;
}

body.single-product .ad-custom-crane-quote-action__button {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 3.25rem;
	width: 100%;
}

body.single-product .ad-custom-crane-quote-action__button:disabled {
	background: #d3e3e3;
	border-color: #b4c6c6;
	color: #52606f;
	cursor: not-allowed;
}

body.single-product .ad-custom-crane-quote-action__hint {
	color: #52606f;
	font-size: .9rem;
	line-height: 1.5;
	margin: 0;
}

body.single-product .ad-custom-crane-configurator :focus-visible {
	outline: 3px solid #26927a;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	body.single-product .ad-custom-crane-configurator *,
	body.single-product .ad-custom-crane-configurator *::before,
	body.single-product .ad-custom-crane-configurator *::after { transition: none !important; }
}