/* Client logos section
   Purpose: Light, theme-friendly band + readable logo cards on dark UI
*/

.clients-band{
  background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.03));
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.client-logo-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  padding: 18px 20px;
  min-height: 104px;            /* ↑ more room so logos can be larger */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 28px rgba(0,0,0,0.28);
}

.client-logo{
  max-height: 64px;             /* ↑ main knob: make logos larger */
  max-width: 92%;               /* keep a little padding on wide logos */
  width: auto;
  height: auto;
  image-rendering: auto;
}

.client-logo.is-badge{
  max-height: 86px;             /* seals/badges tend to need more height */
}

@media (min-width: 992px){
  .client-logo-card{ min-height: 118px; }
  .client-logo{ max-height: 72px; }
  .client-logo.is-badge{ max-height: 96px; }
}