/* ===================================================================
   EVENT SPONSORS — D-BAT, Rawlings, Easton
   -------------------------------------------------------------------
   Shared by every customer-facing page that shows the sponsor logos
   (homepage strip + footer, rules, terms, pitching FAQ, tryout pages).
   Logo files live in assets/sponsors/. They are transparent PNGs, so
   they sit directly on the page with no white box behind them.

   Each logo gets its own height: the marks have very different shapes
   (D-BAT is a tall badge, Rawlings a wide box, Easton a mark over a
   wordmark), and equal heights make D-BAT look tiny and Rawlings huge.
   These heights balance them optically.

   On dark backgrounds use assets/sponsors/easton-white.png — the
   regular easton.png has a black wordmark.
   =================================================================== */

.sponsor-logos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 18px 44px;
}
.sponsor-logos li { display: flex; align-items: center; }
.sponsor-logos a { display: flex; align-items: center; transition: transform .2s ease, opacity .2s ease; }
.sponsor-logos a:hover { transform: translateY(-2px); }
.sponsor-logos img { display: block; width: auto; max-width: 100%; }

.sp-dbat     { height: 92px; }
.sp-rawlings { height: 58px; }
.sp-easton   { height: 62px; }

/* ---------- Light strip (homepage, under the stat band) ---------- */
.sponsor-strip {
  background: #fff;
  border-bottom: 1px solid var(--rule, #ddd6ca);
  padding: 26px 0;
}
.sponsor-strip-inner {
  max-width: var(--container, 1240px);
  margin: 0 auto;
  padding: 0 var(--gutter, 22px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sponsor-kicker {
  font-family: var(--font-sans, 'Archivo', sans-serif);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ink-soft, #4d5764);
  white-space: nowrap;
}
@media (min-width: 820px) {
  .sponsor-strip-inner { flex-direction: row; justify-content: space-between; }
  .sponsor-strip .sponsor-kicker {
    padding-right: 32px;
    border-right: 1px solid var(--rule, #ddd6ca);
    align-self: stretch;
    display: flex;
    align-items: center;
  }
  .sponsor-strip .sponsor-logos { flex: 1; justify-content: space-evenly; }
}

/* ---------- Dark footer row ---------- */
.footer-sponsors {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 26px 0 30px;
  border-top: 1px solid rgba(255,255,255,.12);
}
/* .footer ul in home.css sets display:grid — win it back for the logo row */
.footer-sponsors .sponsor-logos { display: flex; gap: 18px 48px; }
.footer-sponsors .sponsor-kicker { color: rgba(255,255,255,.55); }
.footer-sponsors .sp-dbat     { height: 74px; }
.footer-sponsors .sp-rawlings { height: 46px; }
.footer-sponsors .sp-easton   { height: 48px; }

/* ---------- Compact block (tryout pages) ---------- */
.sponsor-block {
  margin: 40px 0 8px;
  padding-top: 28px;
  border-top: 1px solid var(--aag-border, #ddd6ca);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.sponsor-block .sp-dbat     { height: 74px; }
.sponsor-block .sp-rawlings { height: 46px; }
.sponsor-block .sp-easton   { height: 48px; }

@media (max-width: 520px) {
  .sponsor-logos { gap: 14px 28px; }
  .sp-dbat, .footer-sponsors .sp-dbat, .sponsor-block .sp-dbat { height: 66px; }
  .sp-rawlings, .footer-sponsors .sp-rawlings, .sponsor-block .sp-rawlings { height: 36px; }
  .sp-easton, .footer-sponsors .sp-easton, .sponsor-block .sp-easton { height: 42px; }
}