/* Variation choosers on the single product page. Uses the theme's tokens
   (assets/css/tokens.css) so the selectors sit in the same design system as
   the rest of the page, with safe fallbacks if the theme ever changes. */
.woocommerce div.product form.variations_form table.variations {
	width: 100%;
	margin: 0 0 1rem;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 .5rem;
}

.woocommerce div.product form.variations_form table.variations th.label,
.woocommerce div.product form.variations_form table.variations td.value {
	display: block;
	width: 100%;
	padding: 0;
	text-align: right;
}

.woocommerce div.product form.variations_form table.variations th.label label {
	display: block;
	margin-bottom: .35rem;
	font-size: var( --font-xs, .8125rem );
	font-weight: 600;
	color: var( --text-secondary, #5B6472 );
}

.woocommerce div.product form.variations_form table.variations select {
	width: 100%;
	min-height: 44px;
	padding: .5rem .75rem;
	border: 1px solid var( --border-strong, rgba( 15, 23, 42, .16 ) );
	border-radius: var( --radius-md, 8px );
	background-color: var( --bg-surface, #fff );
	color: var( --text-primary, #14161A );
	font-family: inherit;
	font-size: var( --font-sm, .875rem );
}

.woocommerce div.product form.variations_form table.variations select:focus {
	outline: 2px solid var( --accent, #FF6A1A );
	outline-offset: 1px;
}

.woocommerce div.product form.variations_form .reset_variations {
	display: inline-block;
	margin-top: .25rem;
	font-size: var( --font-2xs, .75rem );
	color: var( --text-muted, #9AA1AC );
}

.woocommerce div.product form.variations_form .woocommerce-variation-price {
	margin-bottom: .75rem;
}

/* Locked until a platform is chosen — see assets/single-product.js. */
.woocommerce div.product form.variations_form table.variations select[disabled],
.woocommerce div.product form.variations_form table.variations select.gspo-select--locked {
	background-color: var( --bg-base, #F3F4F6 );
	border-style: dashed;
	color: var( --text-muted, #9AA1AC );
	cursor: not-allowed;
	opacity: 1; /* the muted palette carries the state; browser default greying doubles up */
}