/**
 * Cibòn Theme — Elementor Overrides
 * Resetta i default di Elementor per compatibilità con il design system
 */

/* Reset container Elementor su pagine Elementor */
.elementor-page #main-content,
body.is-elementor-page main {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

/* Rimuovi padding Elementor sezioni su mobile */
@media (max-width: 767px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
  }
}

/* Forza font Parkinsans su tutti i widget */
.elementor-widget-container,
.elementor-widget-container * {
  font-family: var(--font, 'Parkinsans', sans-serif);
}

/* Titoli Elementor */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--font, 'Parkinsans', sans-serif);
  font-weight: 500;
}

/* Elementor button override */
.elementor-widget-button .elementor-button {
  font-family: var(--font, 'Parkinsans', sans-serif);
  border-radius: 999px;
}

/* Nav bar: garantisce che sia sopra Elementor popups */
.site-nav {
  z-index: 9999 !important;
}

/* Elementor editor preview: mostra layout corretto */
body.elementor-editor-active .site-nav {
  position: relative !important;
}

/* Fix gap immagini in colonne Elementor */
.elementor-column .elementor-widget-image img {
  max-width: 100%;
  height: auto;
}

/* Override bordi/shadow di default Elementor */
.elementor-widget-image-box .elementor-image-box-wrapper {
  border-radius: 14px;
}

/* Spazi sezione Elementor — allineati al design system */
.elementor-section {
  --e-column-margin-right: 0;
  --e-column-margin-left: 0;
}

/* Colori palette Elementor → variabili tema */
:root {
  --e-global-color-primary:   #1d3337;
  --e-global-color-secondary: #4f8b97;
  --e-global-color-text:      #1d3337;
  --e-global-color-accent:    #da8f33;
}
