/* ==========================================================================
   parts/race-series-logos.css — race-series logo list (parts/race-series-logos.php).
   Live: .wlp-horse__image-gallery (Bricks image gallery, layout grid): li max-width 50px, height 50px, white,
   items centred; img 50 px wide, height from its ratio, object-fit cover (104² → 50 × 50; qtis 94×70 → 50 × 37.22).
   Default layout: a centred, wrapping row, 10px apart (live --gutter: 1rem). Consumers re-lay it out by setting
   the custom properties or overriding display (the single's fact box uses a 2-column grid, WP4).
   ========================================================================== */

.race-series-logos {
  --rsl-tile: 50px;                                  /* live li max-width / height (literal) */
  --rsl-gap: 1rem;                                   /* live .wlp-horse__image-gallery --gutter */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--rsl-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.race-series-logos__item {
  display: grid;
  align-items: center;
  width: var(--rsl-tile);
  height: var(--rsl-tile);
  background-color: var(--white);
}

.race-series-logos__figure {
  margin: 0;
}

.race-series-logos__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}