/**
 * Invarianti visuali VORREI non personalizzabili dai temi tenant.
 *
 * Questo foglio viene caricato dopo gli stili tenant. I temi possono adattare
 * il resto dell'identita visiva, ma non possono rendere il marchio VORREI o i
 * controlli select illeggibili, spostati, deformati o tagliati.
 */

body.wa-client-app .footer-dark.footer-completo .wa-footer-logo-wrap {
	display: flex !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	float: none !important;
	position: static !important;
	inset: auto !important;
	transform: none !important;
	overflow: visible !important;
	box-sizing: border-box;
}

body.wa-client-app .footer-dark.footer-completo .wa-footer-logo-wrap > a {
	display: inline-flex !important;
	max-width: 100% !important;
	min-width: 44px;
	min-height: 44px;
	margin-inline: auto !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	position: static !important;
	inset: auto !important;
	transform: none !important;
}

body.wa-client-app .footer-dark.footer-completo .wa-footer-logo-wrap img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
	margin-inline: auto !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: none !important;
}

/**
 * Select sempre leggibili.
 *
 * La coppia foreground/background e atomica e indipendente dai token tenant:
 * impedisce combinazioni nero-su-nero o chiaro-su-chiaro prodotte da token
 * provenienti da layer diversi. `color-scheme: dark` mantiene leggibili anche
 * freccia e popup nativo sui browser che non applicano tutti gli stili option.
 */
body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select,
body.wa-client-app select,
body.wa-client-app .form-select {
	min-height: 44px !important;
	background-color: #111114 !important;
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc !important;
	border-color: #a1a1aa !important;
	font-size: max(15px, 0.9375rem) !important;
	font-weight: 600 !important;
	opacity: 1 !important;
	color-scheme: dark !important;
	forced-color-adjust: auto;
}

body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select option,
body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select optgroup,
body.wa-client-app select option,
body.wa-client-app select optgroup,
body.wa-client-app .form-select option,
body.wa-client-app .form-select optgroup {
	background-color: #111114 !important;
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc !important;
	font-weight: 500;
}

body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select option:checked,
body.wa-client-app select option:checked,
body.wa-client-app .form-select option:checked {
	background-color: #1d4ed8 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select option:disabled,
body.wa-client-app select option:disabled,
body.wa-client-app .form-select option:disabled {
	background-color: #18181b !important;
	color: #a1a1aa !important;
	-webkit-text-fill-color: #a1a1aa !important;
	opacity: 1 !important;
}

body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select:disabled,
body.wa-client-app select:disabled,
body.wa-client-app .form-select:disabled {
	background-color: #27272a !important;
	color: #d4d4d8 !important;
	-webkit-text-fill-color: #d4d4d8 !important;
	border-color: #71717a !important;
	opacity: 1 !important;
	cursor: not-allowed;
}

body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select:focus,
body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select:focus-visible,
body.wa-client-app select:focus,
body.wa-client-app select:focus-visible,
body.wa-client-app .form-select:focus,
body.wa-client-app .form-select:focus-visible {
	border-color: #facc15 !important;
	outline: 3px solid #facc15 !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

@media (forced-colors: active) {
	body.wa-client-app.wa-page-product .wa-product-shell select.fp-sez-select,
	body.wa-client-app select,
	body.wa-client-app .form-select,
	body.wa-client-app select option,
	body.wa-client-app select optgroup {
		forced-color-adjust: auto !important;
	}
}