.custom-leden-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.custom-leden-item {
  background:#fff;
  padding:15px;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  text-align:center;
}
.custom-leden-item img {
  display: block;
  width: auto;            /* laat breedte meegroeien tot max */
  max-width: 120px;       /* bepaal maximale breedte */
  height: auto;           /* hoogte schaalt mee */
  max-height: 120px;      /* bepaal maximale hoogte */
  object-fit: contain;    /* toon hele logo zonder croppen */
  margin: 0 auto 10px;    /* centreren + ruimte onder */
  border-radius: 0 !important;  /* verwijder die cirkelvorm */
  background: transparent;       /* voorkom witte of gekleurde bg */
}


.custom-leden-item h3 { font-size:1.1rem; margin:0; }
.custom-leden-item .subtitel { font-size:.9rem; color:#666; margin:5px 0; }
.custom-leden-item .intro { font-size:.85rem; color:#333; margin:10px 0; }
.custom-leden-item .links a { margin:0 5px; text-decoration:none; font-size:.9rem; }
.custom-leden-pagination {
  text-align:center;
}
.custom-leden-page {
  display:inline-block;
  margin:0 5px;
  padding:6px 12px;
  background:#0073aa;
  color:#fff;
  border-radius:4px;
  text-decoration:none;
}
.custom-leden-page:hover,
.custom-leden-page.active {
  background:#005177;
}

/* 1) Zorg dat de container niet knipt */
.custom-leden-item {
  overflow: visible !important;
}

/* 2) Krachtige override voor je logo’s */
.custom-leden-item .custom-leden-logo {
  display: block !important;
  width: auto !important;
  max-width: 120px !important;
  height: auto !important;
  max-height: 120px !important;
  object-fit: contain !important;
  border-radius: 0 !important;       /* écht geen ronde hoeken */
  clip-path: none !important;         /* verwijder eventuele maskers */
  background: transparent !important;
  margin: 0 auto 10px;
}

/* 1 kolom op mobiel (max 768px) */
@media (max-width: 768px) {
  .custom-leden-grid {
    grid-template-columns: 1fr !important;
    gap: 15px;
    margin-bottom: 20px;
    padding: 0 10px;
  }

  .custom-leden-item {
    padding: 12px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
  }

  .custom-leden-item img,
  .custom-leden-item .custom-leden-logo {
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 8px;
  }

  .custom-leden-item h3 {
    font-size: 1rem;
    margin-bottom: 6px;
  }

  .custom-leden-item .subtitel {
    font-size: 0.85rem;
    margin-bottom: 8px;
  }

  .custom-leden-item .intro {
    font-size: 0.8rem;
    margin-bottom: 10px;
  }

  .custom-leden-item .links a {
    font-size: 0.85rem;
    margin: 0 4px;
    display: inline-block;
  }

  .custom-leden-pagination {
    padding: 10px 0;
  }
}