/* ---------- outer wrapper ---------- */
.as-logo-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  /* Each row scrolls horizontally, so the wrapper needs to crop that
     movement instead of letting rows overflow the page sideways. */
  overflow: hidden;
  /* No max-width / margin here on purpose — overall section width is
     controlled from the editor via the Wide/Full alignment toolbar
     instead of being fixed in this stylesheet. */
}

/* ---------- each horizontal row ---------- */
.as-logo-row {
  width: 100%;
  overflow: hidden;
}

/* The track is the element frontend.js actually moves with
   translateX(). It's wider than the row (items are duplicated by the
   PHP render) so there's always room to slide without a gap showing. */
.as-logo-row-track {
  display: flex;
  align-items: center;
  gap: 20px;
  width: max-content;
  will-change: transform;
}

.as-reveal-item {
  border-radius: 10px;
}

.as-reveal-item img {
  width: auto;
  height: auto;
}

/* WordPress's "constrained" layout (used by Group blocks etc.) caps
   the width of any child block that doesn't carry its own alignwide/
   alignfull class — even though our own CSS never sets a max-width.
   This neutralizes that specifically for our block, so it fills its
   container regardless of whether Wide/Full was clicked on it. */
.is-layout-constrained > .wp-block-above-standard-logo-grid,
.is-layout-flow > .wp-block-above-standard-logo-grid {
  max-width: none;
  width: 100%;
}
@media (max-width:781px) {
	.as-reveal-item img {
		width:100%;
	}
	.as-reveal-item {
		max-width: 180px;
	}
}