/**
 * cgp-logos.css
 *
 * Shared client logo strip — used on:
 *   Home page (draft 20960 / front page)
 *   Business page EN (2810)
 *   Business page EL (2767)
 *
 * Class: .cgp-client-logos-strip
 * Replaces: .cgp-home-logos-strip, .cgp-biz-logos-strip
 *
 * Responsive breakpoints:
 *   Default  — 6-col, 160px fixed width
 *   ≤900px   — 4-col, 160px fixed width
 *   ≤640px   — 3-col, width:100% (grid controls sizing — fixes mobile overflow)
 *   ≤480px   — 2-col, width:100%
 *
 * @package    RCH_Theme
 * @version    1.0.0
 * @date       2026-06-12
 */

.cgp-client-logos-strip {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 32px 24px;
  align-items: center;
  justify-items: center;
}

.cgp-client-logos-strip img {
  width: 160px;
  height: auto;
  max-height: 100px;
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 0.22s ease;
}

.cgp-client-logos-strip img:hover {
  opacity: 1;
}

@media (max-width: 900px) {
  .cgp-client-logos-strip {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 640px) {
  .cgp-client-logos-strip {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 16px;
  }

  .cgp-client-logos-strip img {
    width: 100%;
    max-height: 72px;
  }
}

@media (max-width: 480px) {
  .cgp-client-logos-strip {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
  }
}