/* Elementor compatibility for Synergy pages.
   Page bodies are one Elementor container (class "sy-page") holding Synergy widgets.
   Each widget prints a complete design section, so the container must add no padding,
   gap or width limits of its own; styles.css does all the layout. */
.e-con.sy-page{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --gap:0px;--row-gap:0px;--column-gap:0px;
  --widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;
  --content-width:100%;--container-max-width:100%;--width:100%;
  max-width:none;
}
.e-con.sy-page > .elementor-widget{width:100%;max-width:100%;margin:0}
.elementor-widget[class*="elementor-widget-sy-"] > .elementor-widget-container{margin:0;padding:0}

/* Name clash: styles.css uses --display for the heading font, Elementor containers
   set --display:flex for layout, and that value is inherited by everything inside.
   Restore the font value inside Synergy widgets (they are not containers). */
:root{--sy-display:"Lexend", "Segoe UI", Arial, sans-serif}
.elementor-widget[class*="elementor-widget-sy-"]{--display:var(--sy-display)}

/* Logged-in editors only: keep the sticky header below the WordPress admin bar. */
.admin-bar header.site{top:32px}
@media screen and (max-width:782px){.admin-bar header.site{top:46px}}
@media screen and (max-width:600px){.admin-bar header.site{top:0}}