/* Energy Bartar About Us — v0.9.55
 * Elementor Canvas parity plus a native 100 / 50 / 50 mobile CTA.
 * Widths are stored in Elementor data; these rules only provide a short-lived
 * visual fallback for the known 64 / 18 / 18 autosave and keep mobile content
 * from overflowing its native columns.
 */

/* An old Canvas snapshot can render unsupported elementor-col-64 and
 * elementor-col-18 classes at intrinsic width before the 0.9.55 source repair
 * is loaded. Scope the fallback to the editor and only those legacy classes.
 * It disappears as soon as the repaired 60 / 20 / 20 model is rendered. */
body.eb-about-editor-preview .ebna-cta.eb53-native-columns > .elementor-container > .ebna-cta-copy.elementor-col-64{
  flex:0 0 60%!important;
  width:60%!important;
  max-width:60%!important;
}

body.eb-about-editor-preview .ebna-cta.eb53-native-columns > .elementor-container > .eb53-cta-action.elementor-col-18{
  flex:0 0 20%!important;
  width:20%!important;
  max-width:20%!important;
  min-width:0!important;
}

body.eb-about-editor-preview .ebna-cta.eb53-native-columns > .elementor-container > .eb53-cta-action.elementor-col-18 .elementor-widget-button,
body.eb-about-editor-preview .ebna-cta.eb53-native-columns > .elementor-container > .eb53-cta-action.elementor-col-18 .elementor-widget-container,
body.eb-about-editor-preview .ebna-cta.eb53-native-columns > .elementor-container > .eb53-cta-action.elementor-col-18 .elementor-button-wrapper,
body.eb-about-editor-preview .ebna-cta.eb53-native-columns > .elementor-container > .eb53-cta-action.elementor-col-18 .elementor-button{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

@media (max-width:767px){
  .elementor .elementor-element.ebna-cta.eb55-editor-mobile-parity > .elementor-container{
    flex-direction:row;
    flex-wrap:wrap;
    gap:0!important;
    align-items:stretch;
  }

  /* One-class specificity: this beats Elementor's generic mobile 100% column
   * fallback, while any width the owner later saves for the individual column
   * (element-id selector) still wins normally. */
  .eb55-editor-mobile-parity > :where(.elementor-container) > :where(.ebna-cta-copy){
    width:100%;
  }

  .eb55-editor-mobile-parity > :where(.elementor-container) > :where(.eb53-cta-action){
    width:50%;
  }

  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action,
  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action > .elementor-column-wrap,
  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action > .elementor-element-populated,
  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action > .elementor-widget-wrap,
  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action .elementor-widget-button,
  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action .elementor-widget-container,
  .elementor .ebna-cta.eb55-editor-mobile-parity .eb53-cta-action .elementor-button-wrapper,
  .eb55-editor-mobile-parity :where(.eb53-cta-action .elementor-button){
    min-width:0;
    max-width:100%;
  }

  .eb55-editor-mobile-parity :where(.eb53-cta-action .elementor-button){
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:14.5px;
    line-height:1.35;
  }
}
