/*
 * Poseidon Variation Glass
 * Stile globale e reversibile per i prodotti variabili WooCommerce.
 */

body.single-product .poseidon-liquid-select {
	width: 100% !important;
	min-width: 0;
	font-family: "Montserrat", sans-serif;
}

/* Ogni attributo resta su una sola linea, perfettamente centrato. */
body.single-product form.variations_form table.variations tr {
	display: grid !important;
	grid-template-columns: minmax(180px, 0.85fr) minmax(260px, 1.15fr);
	align-items: center !important;
	column-gap: 20px;
	row-gap: 0;
}

body.single-product form.variations_form table.variations th.label,
body.single-product form.variations_form table.variations td.value {
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 7px 0 !important;
	vertical-align: middle !important;
}

/* Elementor applica talvolta una banda alla cella: qui resta solo il testo. */
body.single-product form.variations_form table.variations th.label {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
}

body.single-product form.variations_form table.variations th.label label {
	display: block;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
}

body.single-product
	.poseidon-liquid-select
	.select2-selection--single {
	display: flex !important;
	align-items: center;
	min-height: 48px !important;
	padding: 0 46px 0 16px !important;
	color: #ffffff !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.17),
			rgba(255, 255, 255, 0.07)
		) !important;
	border: 1px solid rgba(255, 255, 255, 0.72) !important;
	border-radius: 14px !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 8px 28px rgba(1, 17, 42, 0.18) !important;
	-webkit-backdrop-filter: blur(18px) saturate(145%);
	backdrop-filter: blur(18px) saturate(145%);
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

body.single-product
	.poseidon-liquid-select.select2-container--open
	.select2-selection--single,
body.single-product
	.poseidon-liquid-select
	.select2-selection--single:focus {
	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.23),
			rgba(255, 255, 255, 0.1)
		) !important;
	border-color: rgba(185, 233, 245, 0.96) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 10px 32px rgba(1, 17, 42, 0.25) !important;
	outline: none !important;
}

body.single-product
	.poseidon-liquid-select
	.select2-selection__rendered {
	display: block;
	width: 100%;
	padding: 0 !important;
	color: #ffffff !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 46px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.single-product
	.poseidon-liquid-select
	.select2-selection__arrow {
	top: 50% !important;
	right: 17px !important;
	width: 12px !important;
	height: 12px !important;
	transform: translateY(-50%);
}

body.single-product
	.poseidon-liquid-select
	.select2-selection__arrow b {
	border: 0 !important;
	width: 9px !important;
	height: 9px !important;
	margin: -6px 0 0 !important;
	border-right: 1.5px solid #ffffff !important;
	border-bottom: 1.5px solid #ffffff !important;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

body.single-product
	.poseidon-liquid-select.select2-container--open
	.select2-selection__arrow b {
	margin-top: -1px !important;
	transform: rotate(225deg);
}

/* Il menu è inserito da SelectWoo nel body, quindi la classe dedicata lo isola. */
.select2-container .poseidon-liquid-dropdown,
.poseidon-liquid-dropdown {
	margin-top: 8px;
	padding: 7px !important;
	background:
		linear-gradient(
			145deg,
			rgba(16, 55, 101, 0.9),
			rgba(4, 22, 55, 0.86)
		) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 16px !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		0 18px 45px rgba(0, 12, 35, 0.42) !important;
	-webkit-backdrop-filter: blur(24px) saturate(155%);
	backdrop-filter: blur(24px) saturate(155%);
	overflow: hidden;
}

.poseidon-liquid-dropdown .select2-results__options {
	max-height: 280px !important;
	padding: 0 !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(185, 233, 245, 0.65) rgba(255, 255, 255, 0.08);
}

.poseidon-liquid-dropdown .select2-results__option {
	margin: 0 !important;
	padding: 11px 13px !important;
	color: rgba(255, 255, 255, 0.94) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
}

.poseidon-liquid-dropdown
	.select2-results__option--highlighted[aria-selected],
.poseidon-liquid-dropdown
	.select2-results__option[aria-selected="true"] {
	color: #041637 !important;
	background: #b9e9f5 !important;
}

.poseidon-liquid-dropdown
	.select2-results__option[aria-disabled="true"] {
	display: none !important;
}

/* Etichette degli attributi. */
body.single-product form.variations_form table.variations th.label,
body.single-product form.variations_form table.variations th.label label {
	color: #b9e9f5 !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

/* Le opzioni possono essere cambiate direttamente: “Svuota” non serve. */
body.single-product form.variations_form .reset_variations {
	display: none !important;
}

/* Testi dinamici delle singole variazioni. */
body.single-product
	form.variations_form
	.woocommerce-variation-description,
body.single-product
	form.variations_form
	.woocommerce-variation-description p {
	color: rgba(255, 255, 255, 0.82) !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
}

body.single-product
	form.variations_form
	.woocommerce-variation-availability p.stock,
body.single-product form.variations_form p.stock.in-stock {
	margin: 8px 0 12px !important;
	color: #b9e9f5 !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

/* Nasconde solo l'informazione positiva generica “Disponibile”. */
body.single-product form.variations_form p.stock.in-stock {
	display: none !important;
}

body.single-product form.variations_form p.stock.out-of-stock {
	color: #ffb8b8 !important;
}

/* Se SelectWoo non fosse disponibile, il menu nativo resta visibile e leggibile. */
body.single-product form.variations_form select[name^="attribute_"] {
	min-height: 48px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 14px;
}

body.single-product form.variations_form select[name^="attribute_"] option {
	color: #041637;
	background: #ffffff;
}

@media (max-width: 767px) {
	body.single-product form.variations_form,
	body.single-product form.variations_form table.variations {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.single-product form.variations_form table.variations {
		margin-bottom: 18px !important;
	}

	body.single-product form.variations_form table.variations tr {
		display: flex !important;
		flex-direction: column;
		align-items: stretch !important;
		gap: 7px;
	}

	body.single-product form.variations_form table.variations th.label,
	body.single-product form.variations_form table.variations td.value {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}

	body.single-product .poseidon-liquid-select {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.single-product
		.poseidon-liquid-select
		.select2-selection__rendered {
		font-size: 14px !important;
	}

	.poseidon-liquid-dropdown .select2-results__options {
		max-height: 230px !important;
	}

	.poseidon-liquid-dropdown .select2-results__option {
		padding: 12px !important;
		font-size: 14px !important;
	}
}