/* Non-custom PDP presentation - v2
   Two concerns for products now sharing the universal (ex-Custom) PDP template:
   1. Native variation dropdown tidy (was v1).
   2. Configurator promo gate, so the "Design Your Own" block only shows on
      products flagged configurator_product.

   ---------------------------------------------------------------------------
   1. Native variation dropdowns
   Light pass on the WooCommerce variation selects for variable products not on
   the swatch layer. Swatch products add .has-handle-swatches and hide
   .variations entirely, so this only shows on non-swatch products. Scoped with
   :not(.has-handle-swatches) so it also acts as a clean no-JS fallback.
   Folds in the variation-label weight fix previously held as an Elementor
   global-CSS note (16px, weight 500). */

.variations_form:not(.has-handle-swatches) .variations {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0 0 18px;
}

.variations_form:not(.has-handle-swatches) .variation {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.variations_form:not(.has-handle-swatches) .variation-label {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: #111111;
	margin: 0;
}

.variations_form:not(.has-handle-swatches) .variation-options select {
	width: 100%;
	max-width: 420px;
	padding: 12px 40px 12px 14px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #111111;
	background-color: #FBF9F6;
	border: 1px solid #D8D8D8;
	border-radius: 6px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23555' stroke-width='1.5' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px 8px;
	transition: border-color 0.15s ease;
}

.variations_form:not(.has-handle-swatches) .variation-options select:hover {
	border-color: #b5b5b5;
}

.variations_form:not(.has-handle-swatches) .variation-options select:focus {
	outline: none;
	border-color: #222222;
	box-shadow: inset 0 0 0 1px #222222;
}

.variations_form:not(.has-handle-swatches) .reset_variations {
	margin-top: 4px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #888888;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.variations_form:not(.has-handle-swatches) .reset_variations:hover {
	color: #111111;
}

.variations_form:not(.has-handle-swatches) .single_variation {
	margin: 6px 0 14px;
}

/* ---------------------------------------------------------------------------
   2. Configurator promo gate
   The universal PDP template carries the "Design Your Own" promo block on every
   product. Only the button widget was gated, so the heading and copy leaked
   onto non-configurator products. functions.php adds body.sav-is-configurator
   when the product's configurator_product flag is set, so gate the whole block
   off that class. Add the class sav-configurator-promo to the promo container
   in Elementor for this to apply. ACF-value display conditions are avoided
   deliberately (Elementor tier limit). */

body:not(.sav-is-configurator) .sav-configurator-promo {
	display: none !important;
}