/* cachly Demo + Support layout correction 0.8.4
 * Render-only. No stored page, form, menu or theme writes.
 */

body.wsb-demo-layout-084,
body.wsb-support-layout-084{
  overflow-x:hidden;
}

/* Full-bleed section backgrounds, independent of the Burst content wrapper. */
body.wsb-demo-layout-084 .wsb-demo-v2-hero,
body.wsb-demo-layout-084 .wsb-demo-v2-proof,
body.wsb-demo-layout-084 .wsb-demo-v2-form-section,
body.wsb-demo-layout-084 .wsb-demo-v2-faq,
body.wsb-support-layout-084 .wsb-support-hero,
body.wsb-support-layout-084 .wsb-form-section--support{
  box-sizing:border-box!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  max-width:100vw!important;
  width:100vw!important;
}

/* Demo: the old 5/12 + 7/12 widths plus gap exceeded 100%.
 * A real grid keeps the note, copy and form in their own tracks. */
body.wsb-demo-layout-084 .wsb-demo-v2-form-grid.vc_inner{
  align-items:start!important;
  display:grid!important;
  gap:clamp(46px,5.5vw,86px)!important;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:min(100%,1180px)!important;
}
body.wsb-demo-layout-084 .wsb-demo-v2-form-grid>.wpb_column{
  float:none!important;
  margin:0!important;
  min-width:0!important;
  width:auto!important;
}
body.wsb-demo-layout-084 .wsb-demo-v2-form-copy,
body.wsb-demo-layout-084 .wsb-demo-v2-form-card{
  min-width:0!important;
  width:auto!important;
}
body.wsb-demo-layout-084 .wsb-demo-v2-form-copy>.vc_column-inner,
body.wsb-demo-layout-084 .wsb-demo-v2-form-card>.vc_column-inner{
  padding-left:0!important;
  padding-right:0!important;
}
body.wsb-demo-layout-084 .wsb-demo-v2-note{
  box-sizing:border-box!important;
  margin-top:30px!important;
  max-width:100%!important;
  width:100%!important;
}
body.wsb-demo-layout-084 .wsb-demo-v2-form-card>.vc_column-inner>.wpb_wrapper{
  box-sizing:border-box!important;
  overflow:visible!important;
  width:100%!important;
}

/* Demo proof cards: reserve a real header zone for the absolute number badge. */
body.wsb-demo-layout-084 .wsb-demo-benefit-card{
  padding:78px 28px 30px!important;
  position:relative!important;
}
body.wsb-demo-layout-084 .wsb-demo-benefit-card .wsb-step-number{
  left:28px!important;
  margin:0!important;
  position:absolute!important;
  top:24px!important;
  z-index:2!important;
}
body.wsb-demo-layout-084 .wsb-demo-benefit-card h3,
body.wsb-demo-layout-084 .wsb-demo-benefit-card .wpb_wrapper h3{
  margin:0 0 11px!important;
}

/* WPForms name fields: force a predictable two-column grid and neutralize
 * legacy float/percentage rules from WPForms and the demo theme. */
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row{
  align-items:start!important;
  display:grid!important;
  gap:14px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row-block,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row-block{
  clear:none!important;
  float:none!important;
  flex:none!important;
  margin:0!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  width:auto!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name input,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name input{
  display:block!important;
  max-width:none!important;
  width:100%!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-sublabel,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-sublabel{
  display:block!important;
  margin-top:6px!important;
}

/* WPForms may attach legacy positioning to the name subfields. Explicit
 * placement prevents the first name from jumping into column two and the
 * last name from starting a second diagonal row. */
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row{
  direction:ltr!important;
  grid-auto-flow:row!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row-block,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row-block{
  align-self:start!important;
  inset:auto!important;
  justify-self:stretch!important;
  position:static!important;
  transform:none!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row-block:nth-child(1),
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row-block:nth-child(1){
  grid-column:1!important;
  grid-row:1!important;
  order:1!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row-block:nth-child(2),
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row-block:nth-child(2){
  grid-column:2!important;
  grid-row:1!important;
  order:2!important;
}
body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-first,
body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-first{
  margin-left:0!important;
  margin-right:0!important;
}

/* Support: center the form and use the available desktop width instead of
 * leaving one large empty half of the section. */
body.wsb-support-layout-084 .wsb-form-section--support .wpforms-container,
body.wsb-support-layout-084 .wsb-form-section--support .wpforms-container-full,
body.wsb-support-layout-084 #wpforms-11552{
  clear:both!important;
  display:block!important;
  float:none!important;
  margin:0 auto!important;
  max-width:980px!important;
  width:min(100%,980px)!important;
}
body.wsb-support-layout-084 .wsb-form-section--support .wsb-form-heading{
  margin-bottom:42px!important;
  max-width:900px!important;
}
body.wsb-support-layout-084 .wsb-form-section--support .wsb-form-note{
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:980px!important;
  width:100%!important;
}

@media(max-width:900px){
  body.wsb-demo-layout-084 .wsb-demo-v2-form-grid.vc_inner{
    display:block!important;
  }
  body.wsb-demo-layout-084 .wsb-demo-v2-form-card{
    margin-top:38px!important;
  }
  body.wsb-support-layout-084 .wsb-form-section--support .wpforms-container,
  body.wsb-support-layout-084 .wsb-form-section--support .wpforms-container-full,
  body.wsb-support-layout-084 #wpforms-11552{
    max-width:760px!important;
    width:100%!important;
  }
}

@media(max-width:760px){
  body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row,
  body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row{
    grid-template-columns:1fr!important;
  }
  body.wsb-demo-layout-084 .wsb-demo-benefit-card{
    padding:74px 22px 24px!important;
  }
  body.wsb-demo-layout-084 .wsb-demo-benefit-card .wsb-step-number{
    left:22px!important;
    top:22px!important;
  }
  body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row-block:nth-child(1),
  body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row-block:nth-child(1),
  body.wsb-demo-layout-084 #wpforms-11544 .wpforms-field-name .wpforms-field-row-block:nth-child(2),
  body.wsb-support-layout-084 #wpforms-11552 .wpforms-field-name .wpforms-field-row-block:nth-child(2){
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* Last-resort mobile stack in the page-specific asset, loaded after WPForms. */
@media(max-width:850px){
  body.wsb-demo-layout-084 .wsb-demo-v2-card-grid,
  body.wsb-demo-layout-084 .wsb-demo-v2-faq-grid{
    display:grid!important;
    gap:16px!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.wsb-demo-layout-084 .wsb-demo-v2-card-grid>.wpb_column,
  body.wsb-demo-layout-084 .wsb-demo-v2-faq-grid>.wpb_column{
    display:block!important;
    float:none!important;
    margin:0!important;
    max-width:none!important;
    width:100%!important;
  }
}
