/* Energy Bartar About Us — v0.9.42
 * Isolated card layout for the real top-level Elementor rows on page 537.
 * Visual controls (colour, border, radius, shadow, spacing, typography, icon
 * and button) live in Elementor data. This file adds only structural layout,
 * safe decoration and responsive behaviour under the new eb42-* namespace.
 */

.elementor :where(.eb42-card-section){
  position:relative;
  height:auto;
  min-height:0;
  isolation:isolate;
}

.elementor :where(.eb42-card-section) > .elementor-container{
  width:100%;
  height:auto;
  min-height:0;
  margin-inline:auto;
  align-items:stretch;
}

.elementor :where(.eb42-card-section) > .elementor-container > .elementor-column{
  min-width:0;
  height:auto;
  display:flex;
  transition:transform .24s ease;
}

.elementor :where(.eb42-card-section) > .elementor-container > .elementor-column > .elementor-element-populated,
.elementor :where(.eb42-card-section) > .elementor-container > .elementor-column > .elementor-widget-wrap{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}

.elementor :where(.eb42-card-section) .elementor-widget,
.elementor :where(.eb42-card-section) .elementor-widget-container{
  width:100%;
  max-width:none;
}

.elementor :where(.eb42-card-section) .elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor :where(.eb42-card-section) .elementor-widget-button{width:auto;margin-top:auto}
.elementor :where(.eb42-card-section) .elementor-widget{z-index:1}

/* A restrained ring gives depth without covering Elementor widgets. */
.elementor :where(.eb42-card) > .elementor-element-populated::after,
.elementor :where(.eb42-card) > .elementor-widget-wrap::after{
  content:'';
  position:absolute;
  z-index:0;
  width:108px;
  height:108px;
  left:-64px;
  bottom:-68px;
  border:1px solid rgba(17,134,80,.14);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(17,134,80,.025);
  pointer-events:none;
}

.elementor :where(.eb42-card-dark) > .elementor-element-populated::after,
.elementor :where(.eb42-card-dark) > .elementor-widget-wrap::after{
  border-color:rgba(242,193,78,.30);
  box-shadow:0 0 0 24px rgba(242,193,78,.045);
}

/* Mission and vision use a compact editorial composition. */
.elementor :where(.eb42-directions) > .elementor-container > .elementor-column > .elementor-element-populated,
.elementor :where(.eb42-directions) > .elementor-container > .elementor-column > .elementor-widget-wrap{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:18px;
  row-gap:4px;
  align-content:center;
  align-items:start;
}

.elementor :where(.eb42-directions) .elementor-widget-icon{grid-column:1;grid-row:1 / 3;margin:0}
.elementor :where(.eb42-directions) .elementor-widget-heading{grid-column:2;grid-row:1;align-self:end}
.elementor :where(.eb42-directions) .elementor-widget-text-editor{grid-column:2;grid-row:2;align-self:start}

/* Route cards keep their call-to-action aligned while remaining native. */
.elementor :where(.eb42-units-grid) > .elementor-container > .elementor-column > .elementor-element-populated,
.elementor :where(.eb42-units-grid) > .elementor-container > .elementor-column > .elementor-widget-wrap{
  min-height:270px;
}

.elementor :where(.eb42-card-button) .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media (hover:hover){
  .elementor :where(.eb42-card-section) > .elementor-container > .elementor-column:hover{transform:translateY(-5px)}
}

@media (max-width:1024px){
  .elementor :where(.eb42-card-section) > .elementor-container{flex-wrap:wrap}
  .elementor :where(.eb42-card-section) > .elementor-container > .elementor-column{transform:none}
}

@media (max-width:767px){
  .elementor :where(.eb42-card-section) > .elementor-container{
    display:flex;
    flex-direction:column;
  }

  .elementor :where(.eb42-card-section) > .elementor-container > .elementor-column{
    width:100%;
    margin-top:0;
  }

  .elementor :where(.eb42-directions) > .elementor-container > .elementor-column > .elementor-element-populated,
  .elementor :where(.eb42-directions) > .elementor-container > .elementor-column > .elementor-widget-wrap{
    grid-template-columns:58px minmax(0,1fr);
    column-gap:13px;
  }

  .elementor :where(.eb42-units-grid) > .elementor-container > .elementor-column > .elementor-element-populated,
  .elementor :where(.eb42-units-grid) > .elementor-container > .elementor-column > .elementor-widget-wrap{
    min-height:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .elementor :where(.eb42-card-section) *{transition:none}
}