/*
 * CSS dedicato alle pagine Elementor Canvas.
 * Caricato solo quando il template pagina e' `elementor_canvas`.
 *
 * Qui vanno le correzioni globali delle landing Canvas migrate,
 * senza impattare le altre pagine del sito.
 */

body.elementor-template-canvas {
	--itala-canvas-text-color: inherit;
}

/*
 * Reset tipografico per i widget testo nelle pagine Canvas.
 * Serve a neutralizzare le regole globali del tema, ad esempio `p { font-size: 15px; }`,
 * cosi' la tipografia impostata in Elementor o nel markup inline torna a prevalere.
 */
body.elementor-template-canvas .elementor-widget-text-editor .elementor-widget-container,
body.elementor-template-canvas .elementor-widget-text-editor .elementor-text-editor,
body.elementor-template-canvas .elementor-widget-theme-post-content .elementor-widget-container,
body.elementor-template-canvas .elementor-widget-theme-post-content .elementor-text-editor {
	line-height: inherit;
}

body.elementor-template-canvas .elementor-widget-text-editor p,
body.elementor-template-canvas .elementor-widget-text-editor li,
body.elementor-template-canvas .elementor-widget-theme-post-content p,
body.elementor-template-canvas .elementor-widget-theme-post-content li {
	font-size: inherit;
	line-height: inherit;
}

body.elementor-template-canvas .elementor-widget-text-editor p,
body.elementor-template-canvas .elementor-widget-theme-post-content p {
	margin-top: 0;
}

body.elementor-template-canvas .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/*
 * Alcune landing importate hanno widget Heading con markup invalido:
 * <h2><p>...</p><span>...</span></h2>
 * Nel tema nuovo il `p` interno prende il font-size globale del tema e non quello dell'heading.
 * Qui lo riallineiamo al font-size del titolo Elementor.
 */
body.elementor-template-canvas .elementor-widget-heading .elementor-heading-title p,
body.elementor-template-canvas .elementor-widget-heading .elementor-heading-title span {
	font-size: inherit;
	line-height: inherit;
}

body.elementor-template-canvas .elementor-widget-heading .elementor-heading-title p {
	margin: 0;
}

/*
 * Utility per hero copy Canvas.
 * Esempio markup:
 *
 * <div class="itala-canvas-claim">
 *   <p class="itala-canvas-claim__eyebrow">ti guidiamo verso</p>
 *   <span class="itala-canvas-claim__main">la perfezione dello<br>sguardo</span>
 * </div>
 */
body.elementor-template-canvas .itala-canvas-claim__eyebrow {
	margin: 0;
	line-height: 1.1;
}

body.elementor-template-canvas .itala-canvas-claim__main {
	display: block;
	line-height: 0.95;
}