/* =========================================================================
   Elementor / GeneratePress compatibility layer (loaded BEFORE tokens/site).

   Converted design sections are Elementor containers carrying the original
   classes plus .sbc-el and either .sbc-flow (normal block flow) or
   .sbc-layout (flex/grid defined by the design CSS). Rules here only neutralise
   builder/theme defaults; design rules (.sbc …) come later and win.
   ========================================================================= */

/* ---- Containers: no builder padding/gap/width, design CSS decides -------- */
.e-con.sbc-el {
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
  --gap: 0px; --row-gap: 0px; --column-gap: 0px;
  --width: auto;
  --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: nowrap;
  --justify-content: normal; --align-items: normal; --align-content: normal;
  --border-radius: initial;
}
.e-con.sbc-flow { display: block; }
.e-con-full.sbc-el { text-align: inherit; }

/* Widgets inside converted containers behave like the original elements */
.e-con.sbc-el > .elementor-widget { width: auto; min-width: auto; }

/* ---- GeneratePress base styles → browser defaults (as in the prototype) -- */
body.sbc { line-height: normal; }
body.sbc :is(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, hr) {
  margin: revert; padding: revert; font-size: revert; font-weight: revert; line-height: revert;
}
body.sbc blockquote { border: revert; font-style: revert; background: revert; }
body.sbc hr { height: revert; background: revert; border: revert; }
body.sbc li > ul, body.sbc li > ol { margin: revert; }

/* GP page wrappers: Elementor pages run edge to edge */
.sbc.full-width-content .site-content,
.sbc .site-content .content-area,
.sbc .inside-article,
.sbc .entry-content { padding: 0; margin: 0; }
.sbc .site.grid-container,
.sbc .site-content,
.sbc .site-main,
.sbc .inside-article,
.sbc .entry-content:not(:first-child) { margin-top: 0; max-width: none; }
.sbc.one-container .container,
.sbc.separate-containers .inside-article,
.sbc .site-main > article { background: transparent; }
.sbc .site-main { margin: 0 !important; }