/* Sadot Energy's other systems (7EMS, MyGreenPlanner): logos in the header and footer (src/legacy/render/decorate.ts).
   Colors and type from the site's Elementor kit: secondary #4E4C50, font IBM Plex Sans Hebrew. */

.sq-partners {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sq-partner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--e-global-color-secondary, #4e4c50);
  opacity: 0.85;
  transition: opacity 0.2s;
  text-decoration: none;
  direction: ltr;
}
.sq-partner:hover,
.sq-partner:focus-visible {
  opacity: 1;
}
.sq-partner img {
  display: block;
  width: auto;
  max-width: none;
}
/* MyGreenPlanner's icon has a white sun: on the light gray its own site uses. */
.sq-partner--icon picture {
  display: block;
  padding: 3px;
  border-radius: 5px;
  background: #e9eaeb;
}
.sq-partner__name {
  font: 600 13px/1 "IBM Plex Sans Hebrew", sans-serif;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

/* Header: a thin bar above it, the logos at its end (left in Hebrew, right in English). */
.sq-topbar {
  background: #f4f4f5;
  border-bottom: 1px solid #e7e7e8;
}
.sq-topbar__inner {
  max-width: var(--container-max-width, 1400px);
  margin: 0 auto;
  padding: 4px 20px;
  justify-content: flex-end;
  gap: 16px;
  min-height: 34px;
}
.sq-topbar .sq-partners__title {
  font-size: 12px;
}
.sq-topbar .sq-partner img {
  height: 18px;
}
.sq-topbar .sq-partner__name {
  font-size: 12px;
}
@media (max-width: 767px) {
  .sq-topbar__inner {
    justify-content: center;
    gap: 12px;
    padding: 4px 10px;
  }
  .sq-topbar .sq-partners__title {
    display: none; /* phones: just the two logos */
  }
}

/* Footer: title and the two logos, in the column next to the site logo. */
.elementor-widget-wrap > .elementor-element.sq-partners--footer {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 22px;
  margin-bottom: 10px;
}
.sq-partners__title {
  font: 400 14px/1.4 "IBM Plex Sans Hebrew", sans-serif;
  color: var(--e-global-color-secondary, #4e4c50);
}
.sq-partners--footer .sq-partner img {
  height: 28px;
}
.sq-partners--footer .sq-partner__name {
  font-size: 15px;
}
@media (max-width: 767px) {
  .elementor-widget-wrap > .elementor-element.sq-partners--footer {
    justify-content: center;
  }
  .sq-partners__title {
    width: 100%;
    text-align: center;
  }
}