/* Energy Bartar About Us — v0.9.46
 * Readable mobile typography, compact route cards and a deterministic CTA.
 * The editor bridge adds the .elementor root inside both Elementor 3 preview
 * iframes and the newer Canvas so this exact sheet is shared with frontend.
 */

/* Elementor has shipped more than one column wrapper. Target both variants so
 * the two independent native Button widgets always form one adjacent pair. */
.elementor .ebna-cta-buttons > .elementor-element-populated,
.elementor .ebna-cta-buttons > .elementor-widget-wrap,
.elementor .ebna-cta-buttons > .elementor-column-wrap > .elementor-widget-wrap{
  width:100%!important;
  max-width:350px!important;
  margin-inline:auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:10px!important;
}

.elementor .ebna-cta-buttons .elementor-widget-button{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

.elementor .ebna-cta-buttons .elementor-button-wrapper,
.elementor .ebna-cta-buttons .elementor-button{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
}

@media (max-width:767px){
  /* General reading scale: body copy no longer falls into the 12–13px range. */
  .elementor .ebna-hero-desc .elementor-heading-title{font-size:17px!important;line-height:1.75!important}
  .elementor .ebna-hero-lead{font-size:15.5px!important;line-height:1.9!important}
  .elementor .ebna-brand-sub,
  .elementor .ebna-brand-note{font-size:14.8px!important;line-height:1.82!important}
  .elementor .ebna-story-body{font-size:15.5px!important;line-height:1.95!important}
  .elementor .ebna-section .ebna-section-desc{font-size:15.2px!important;line-height:1.86!important}

  /* Mission / vision retain the compact editorial layout with readable copy. */
  .elementor .eb42-directions .eb42-card-title .elementor-heading-title{font-size:18.5px!important;line-height:1.55!important}
  .elementor .eb42-directions .eb42-card-text{font-size:15px!important;line-height:1.88!important}
  .elementor .eb42-directions > .elementor-container > .elementor-column > .elementor-element-populated,
  .elementor .eb42-directions > .elementor-container > .elementor-column > .elementor-widget-wrap{
    padding:18px 15px!important;
  }

  /* Two-by-two values stay balanced, but are no longer typeset like captions. */
  .elementor .eb42-values-grid > .elementor-container{gap:10px!important}
  .elementor .eb42-values-grid > .elementor-container > .elementor-column > .elementor-element-populated,
  .elementor .eb42-values-grid > .elementor-container > .elementor-column > .elementor-widget-wrap{
    padding:17px 14px!important;
  }
  .elementor .eb42-values-grid .eb42-card-title .elementor-heading-title{font-size:17.2px!important;line-height:1.55!important}
  .elementor .eb42-values-grid .eb42-card-text{font-size:14.6px!important;line-height:1.82!important}

  /* Route cards use a compact icon/copy grid instead of a tall empty stack. */
  .elementor .eb42-units-grid > .elementor-container > .elementor-column > .elementor-element-populated,
  .elementor .eb42-units-grid > .elementor-container > .elementor-column > .elementor-widget-wrap,
  .elementor .eb42-units-grid > .elementor-container > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{
    height:auto!important;
    min-height:0!important;
    padding:18px 16px 17px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    grid-template-rows:auto auto auto!important;
    column-gap:12px!important;
    row-gap:5px!important;
    align-items:center!important;
  }
  .elementor .eb42-units-grid .elementor-widget-icon{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:52px!important;
    margin:0!important;
    align-self:start!important;
  }
  .elementor .eb42-units-grid .elementor-widget-heading{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
  }
  .elementor .eb42-units-grid .elementor-widget-text-editor{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
  }
  .elementor .eb42-units-grid .elementor-widget-button{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:auto!important;
    margin-top:9px!important;
    justify-self:start!important;
  }
  .elementor .eb42-units-grid .eb42-card-title .elementor-heading-title{font-size:20px!important;line-height:1.55!important}
  .elementor .eb42-units-grid .eb42-card-text{font-size:15.2px!important;line-height:1.86!important}
  .elementor .eb42-units-grid .elementor-button{font-size:14px!important;min-height:42px!important;padding:10px 15px!important}

  /* Equal, adjacent mobile actions — including narrow iPhones. */
  .elementor .ebna-cta-buttons > .elementor-element-populated,
  .elementor .ebna-cta-buttons > .elementor-widget-wrap,
  .elementor .ebna-cta-buttons > .elementor-column-wrap > .elementor-widget-wrap{
    width:100%!important;
    max-width:330px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .elementor .ebna-cta-buttons .elementor-widget-button{width:auto!important}
  .elementor .ebna-cta-buttons .elementor-button{
    min-height:46px!important;
    padding:11px 7px!important;
    font-size:13.5px!important;
    white-space:nowrap!important;
  }
  .elementor .ebna-cta-title .elementor-heading-title{font-size:25px!important}
  .elementor .ebna-cta-desc{font-size:14.8px!important;line-height:1.85!important}
}

@media (max-width:360px){
  .elementor .eb42-values-grid > .elementor-container > .elementor-column > .elementor-element-populated,
  .elementor .eb42-values-grid > .elementor-container > .elementor-column > .elementor-widget-wrap{padding:15px 11px!important}
  .elementor .eb42-values-grid .eb42-card-title .elementor-heading-title{font-size:16.4px!important}
  .elementor .eb42-values-grid .eb42-card-text{font-size:14.2px!important}
  .elementor .ebna-cta-buttons .elementor-button{font-size:12.8px!important;padding-inline:5px!important}
}