/**
 * cpm-frontend.css
 * Styles for Clinica Partners grid
 */
/* Wrapper for alignment */
/* .cpm-partners-wrapper {
  display: flex;
  justify-content: center;
} */

.cpm-partners-grid {
  /* display: grid;
  grid-template-columns: repeat(4, 1fr); */
  gap: 3rem;
  align-items: center;
  justify-items: center;
  margin: 3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
        /* justify-content: space-between; */
    align-content: center;
}

.cpm-partner-item {
  width: 100%;
  max-width: 250px;  /* adjust max‐width as needed */
  text-align: center;
}

.cpm-partner-item-16,
.cpm-partner-item-17,
.cpm-partner-item-18,
.cpm-partner-item-19,
.cpm-partner-item-20,
.cpm-partner-item-21 {
  max-width: 200px;  /* adjust max‐width as needed */

}

.cpm-partner-logo {
  max-width: 100%;
  height: auto;
  display: inline-block;
  transition: opacity 0.3s ease;
  object-fit: contain;
  max-width: 200px;
}

.cpm-partner-logo:hover {
  opacity: 0.8;
}

.cpm-no-logo {
  font-size: 1rem;
  color: #555;
  padding: 1rem;
  border: 1px dashed #ccc;
}

.cpm-partner-logo {
  /* filter: grayscale(100%); */
  transition: filter 0.3s ease;
}

.cpm-partner-item:hover .cpm-partner-logo {
  /* filter: grayscale(0%); */
  transform: scale(1.2);
  transition: 0.3s ease;
}

/* Responsive: 3 columns on medium screens */
@media (max-width: 992px) {
  .cpm-partners-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Responsive: 2 columns on tablet */
@media (max-width: 768px) {
  .cpm-partners-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive: 1 column on mobile */
@media (max-width: 480px) {
  .cpm-partners-grid {
    grid-template-columns: 1fr;
  }
}