/* Opzioni attributo non selezionabili (solo combinazioni out-of-stock) */

/* Select (nota: lo styling delle <option> è limitato in base al browser) */
.variations_form select option[data-revidevice-oos="1"] {
	text-decoration: line-through;
	text-decoration-color: #d00;
	text-decoration-thickness: 2px;
}

/* Swatches / liste custom (es. plugin swatches o tema) */
.single-product-wrapper .variations_form .klbtheme-terms {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 10px;
}

.single-product-wrapper .variations_form .revidevice-term-section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 6px;
}

.single-product-wrapper .variations_form .revidevice-term-section.is-empty {
	display: none;
}

.single-product-wrapper .variations_form .revidevice-term-section__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #6b7280;
	text-transform: uppercase;
}

.single-product-wrapper .variations_form .revidevice-term-section__items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}

.single-product-wrapper .variations_form .revidevice-term-section--oos {
	padding-top: 6px;
}

.single-product-wrapper .variations_form .revidevice-term-section--selected {
	padding-bottom: 2px;
}

@media (min-width: 768px) {
	.single-product-wrapper .variations_form .klbtheme-terms {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: start;
		gap: 12px;
	}

	.single-product-wrapper .variations_form .revidevice-term-section {
		height: 100%;
		padding: 10px 12px;
		border: 1px solid rgba(2, 21, 35, 0.08);
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.74);
	}

	.single-product-wrapper .variations_form .revidevice-term-section--oos {
		padding-top: 10px;
		border-top: 1px solid rgba(2, 21, 35, 0.08);
	}

	.single-product-wrapper .variations_form .revidevice-term-section--selected {
		grid-column: 1 / -1;
	}
}

.variations_form .revidevice-oos-attr {
	text-decoration: line-through;
	text-decoration-color: #d00;
	text-decoration-thickness: 2px;
	opacity: 0.55;
	position: relative;
	display: inline-block;
}

.variations_form .revidevice-oos-attr::before {
	content: "";
	position: absolute;
	left: -4px;
	right: -4px;
	top: 50%;
	height: 2px;
	background: #d00;
	transform: translateY(-50%);
	pointer-events: none;
}

.single-product-wrapper .variations_form .woocommerce-variation-price {
	display: none !important;
}