.placeholder-add-widget {
  position: relative;
  z-index: 9999;
  cursor: pointer;
  pointer-events: auto;
  font-size: 30px;
  font-weight: 700;
  color: white;
  border: 1px dashed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}

body:not(.customizer-open) .placeholder-add-widget {
  display: none;
}





.customize-partial-edit-shortcut,
.widget .customize-partial-edit-shortcut {
  z-index: 99999999;
}

.customize-partial-edit-shortcut-header {
  left: 50%;
  bottom: 17px;
}

html,
body {
  background-color: var(--color-bg);
}

body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-style: var(--body-font-style, normal);
  text-transform: var(--body-text-transform, none);
  letter-spacing: var(--body-letter-spacing, normal);
  /* --color-body (Tipografia) ha priorità; --color-text (Palette) è il fallback globale */
  color: var(--color-body, var(--color-text));
  margin: 0;
}

p {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-style: var(--body-font-style, normal);
  text-transform: var(--body-text-transform, none);
  letter-spacing: var(--body-letter-spacing, normal);
  color: var(--color-body, var(--color-text));
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headings);
  font-weight: var(--font-headings-weight);
  font-style: var(--headings-font-style, normal);
  text-transform: var(--headings-text-transform, none);
  letter-spacing: var(--headings-letter-spacing, normal);
  /* --color-headings (Tipografia) ha priorità; --color-text (Palette) è il fallback globale */
  color: var(--color-headings, var(--color-text));
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

a {
  color: var(--color-link);
}

a:hover {
  color: var(--color-link-hover, var(--color-link));
}

h1 { font-size: var(--font-size-h1); line-height: var(--line-height-h1); text-transform: var(--h1-text-transform, inherit); letter-spacing: var(--h1-letter-spacing, inherit); font-style: var(--h1-font-style, inherit); margin-top: 1.5em; margin-bottom: 0.5em; }
h2 { font-size: var(--font-size-h2); line-height: var(--line-height-h2); text-transform: var(--h2-text-transform, inherit); letter-spacing: var(--h2-letter-spacing, inherit); font-style: var(--h2-font-style, inherit); margin-top: 1.4em; margin-bottom: 0.45em; }
h3 { font-size: var(--font-size-h3); line-height: var(--line-height-h3); text-transform: var(--h3-text-transform, inherit); letter-spacing: var(--h3-letter-spacing, inherit); font-style: var(--h3-font-style, inherit); }
h4 { font-size: var(--font-size-h4); line-height: var(--line-height-h4); text-transform: var(--h4-text-transform, inherit); letter-spacing: var(--h4-letter-spacing, inherit); font-style: var(--h4-font-style, inherit); }
h5 { font-size: var(--font-size-h5); line-height: var(--line-height-h5); text-transform: var(--h5-text-transform, inherit); letter-spacing: var(--h5-letter-spacing, inherit); font-style: var(--h5-font-style, inherit); }
h6 { font-size: var(--font-size-h6); line-height: var(--line-height-h6); text-transform: var(--h6-text-transform, inherit); letter-spacing: var(--h6-letter-spacing, inherit); font-style: var(--h6-font-style, inherit); }

h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

.container {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.layout-boxed .container {
  max-width: var(--container-width);
}

/* Elementor: le pagine builder gestiscono il proprio layout */
.elementor-page {
  overflow-x: clip;
  isolation: isolate;
}

#main {
  overflow: hidden;
}

/* Elementor: gli elementi usano il colore del widget container, non quello globale del tema.
   Senza queste regole, p/h1-h6/a hanno una dichiarazione diretta che batte l'ereditarietà
   dal div container di Elementor, rendendo inutile il color picker del widget. */
.elementor-element p,
.elementor-element li {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

.elementor-element h1,
.elementor-element h2,
.elementor-element h3,
.elementor-element h4,
.elementor-element h5,
.elementor-element h6 {
  color: inherit;
}

.elementor-element a {
  color: inherit;
}