/* Energy Bartar About Us — v0.9.58
 * Visible QA fixes from the 2026-09-11 mobile/desktop review:
 * 1) keep desktop About content boxed instead of visually stretching edge-to-edge;
 * 2) release the real sticky/fixed mobile site header into normal document flow;
 * 3) preserve the 0.9.57 CTA proportions and centering unchanged.
 */

/* The section background may remain full width, but its editable Elementor
 * content frame must remain contained. This restores the project rule that
 * desktop layouts are not visually stretched across the whole viewport. */
@media (min-width:768px){
  .elementor .elementor-element.ebna-section > .elementor-container{
    width:calc(100% - 48px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* The screenshots show the mobile site header sitting on top of About content.
 * JS marks only a real, wide, top-of-screen fixed/sticky header on this page.
 * Once marked, force it back into normal flow so it cannot cover headings/cards. */
@media (max-width:767px){
  body.eb-about-page-active .eb-about-static-header{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;
    transform:none!important;
    translate:none!important;
    margin-top:0!important;
  }

  body.eb-about-page-active .eb-about-static-header.elementor-sticky--active,
  body.eb-about-page-active .eb-about-static-header.elementor-sticky--effects,
  body.eb-about-page-active .eb-about-static-header.is-sticky,
  body.eb-about-page-active .eb-about-static-header.sticky,
  body.eb-about-page-active .eb-about-static-header.sticky-active,
  body.eb-about-page-active .eb-about-static-header.fixed,
  body.eb-about-page-active .eb-about-static-header.is-fixed{
    position:relative!important;
    top:auto!important;
    inset:auto!important;
    transform:none!important;
  }

  body.eb-about-page-active .elementor-element.ebna-section{
    scroll-margin-top:12px!important;
  }

  .elementor .elementor-element.ebna-section > .elementor-container{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}