/*
 * Reset dei container Elementor: il layout lo decide il CSS del prototipo (proto.css).
 * Specificita' #src + 1 classe, caricato prima di proto.css: le regole del prototipo (stessa
 * specificita' o maggiore, caricate dopo) vincono; quelle di Elementor (max 0,3,0) perdono.
 */
#src .e-con {
	display: block;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: normal;
	align-content: normal;
	justify-content: normal;
	align-self: auto;
	gap: normal;
	flex: 0 1 auto;
	order: 0;
	width: auto;
	max-width: none;
	height: auto;
	min-width: auto;
	min-height: auto;
	margin: 0;
	padding: 0;
	position: static;
	z-index: auto;
	overflow: visible;
	text-align: inherit;
	border-radius: 0;
	transition: none;
}

/* I widget non devono creare box propri: il loro contenuto e' il vero elemento del layout.
   !important: regole del prototipo come ".x>div" colpirebbero anche il wrapper. */
#src .elementor-widget,
#src .elementor-widget > .elementor-widget-container {
	display: contents !important;
}

/* Elementor usa ::before/::after dei container per gli overlay di sfondo: qui servono al prototipo
   (icone, decorazioni), che li ridefinisce dove li usa. */
#src .e-con::before,
#src .e-con::after {
	content: none;
	position: static;
	inset: auto;
	width: auto;
	height: auto;
	opacity: 1;
	mix-blend-mode: normal;
	border-radius: 0;
	transition: none;
}

/* Il contenitore della pagina Elementor non deve aggiungere nulla. */
#src .elementor:not(.elementor-edit-area) {
	display: contents;
}

/* Widget Immagine: niente vincoli di Elementor sull'img; display e allineamento li decide il prototipo
   (specificita' bassa apposta: #src img del prototipo vince). */
#src :where(.elementor-widget-image) img {
	/* baseline: l'img fa le veci del <picture> inline-flex del prototipo (es. logo nel footer) */
	vertical-align: baseline;
	max-width: 100%;
	border-radius: 0;
	box-shadow: none;
}