/* Compatibilità con Elementor.
   Il tema disegna blocchi a tutta larghezza: qui togliamo i vincoli che
   Elementor applica alle colonne, così le fasce restano piene anche dentro
   l'editor. Nessuna regola tocca i widget di Elementor stesso. */

.tdp-elementor-canvas { width: 100%; }
.tdp-elementor-canvas > .elementor { width: 100%; }

/* I nostri widget occupano tutta la colonna che li contiene. */
[class*="elementor-widget-tdp_"] { width: 100%; }
[class*="elementor-widget-tdp_"] > .elementor-widget-container { width: 100%; }

/* Le fasce piene non devono essere strette dal contenitore. */
.elementor-widget-tdp_hero .tdp-hero,
.elementor-widget-tdp_mosaico .tdp-mosaico,
.elementor-widget-tdp_split section,
.elementor-widget-tdp_cta .tdp-band { margin-left: 0; margin-right: 0; }

/* Nell'editor le animazioni di comparsa restano visibili subito:
   senza questo un blocco appena inserito resterebbe trasparente. */
body.elementor-editor-active [data-reveal],
body.elementor-editor-preview [data-reveal] { opacity: 1 !important; transform: none !important; }

/* Larghezza piena dentro le sezioni impostate come "estese". */
.elementor-section.tdp-bleed > .elementor-container { max-width: none; }

/* L'anteprima dell'editor mostra i segnaposto in modo leggibile. */
body.elementor-editor-active .tdp-ph span { color: rgba(42, 33, 26, .55); }