/* ME Trust Bar — only what Elementor free cannot express.
   Everything else (glass background, radius, shadow, dividers, teal badges,
   typography, padding) is set natively on the elements in the editor.
   Row is matched with :has() — no element ids, so this survives edits and
   ports to the live site unchanged. */



/* 2. dividers: inset hairline that fades at both ends */
.e-grid:has(> .e-con > .banner-cards) > .e-con{
  border-left:0 !important;
  position:relative;
  transition:background-color .25s ease;
}
.e-grid:has(> .e-con > .banner-cards) > .e-con + .e-con::before{
  content:"";
  position:absolute;
  inset-block:18%;
  inset-inline-start:0;
  width:1px;
  background:linear-gradient(to bottom,
    transparent, rgba(34,48,64,.18) 22%, rgba(34,48,64,.18) 78%, transparent);
}

/* 3. hover polish */
@media (hover:hover){
  .e-grid:has(> .e-con > .banner-cards) > .e-con:hover{ background:rgba(255,255,255,.45); }
  .e-grid:has(> .e-con > .banner-cards) .elementor-icon{
    transition:transform .25s ease, box-shadow .25s ease;
    box-shadow:0 8px 16px -8px rgba(0,168,150,.85), inset 0 1px 0 rgba(255,255,255,.35);
  }
  .e-grid:has(> .e-con > .banner-cards) > .e-con:hover .elementor-icon{
    transform:translateY(-2px) scale(1.04);
    box-shadow:0 12px 20px -8px rgba(0,168,150,.9), inset 0 1px 0 rgba(255,255,255,.45);
  }
}
@media (prefers-reduced-motion:reduce){
  .e-grid:has(> .e-con > .banner-cards) > .e-con:hover .elementor-icon{ transform:none; }
}

/* 4. mobile: keep all four visible as a 2x2 of glass chips
      (the row is already 2 columns natively via grid_columns_grid_mobile) */
@media (max-width:767px){
  .e-grid:has(> .e-con > .banner-cards) > .e-con{
    border-radius:14px;
    background:rgba(255,255,255,.5);
  }
  .e-grid:has(> .e-con > .banner-cards) > .e-con + .e-con::before{ display:none; }
}