/* ================================================================
   ANADOLU GELECEK ZİRVESİ — KULÜPLER CSS
   ================================================================
   Referans: TOFA benzeri 3'lü grid kart tasarımı.
   Panelden dinamik eklenebilir yapıya uygun.
   ================================================================ */

/* ---- Section ---- */
.clubs-section {
  background-color: var(--color-light); /* Bej arkaplan */
}

/* ---- Grid Layout: 3 sütun ---- */
.clubs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  margin-top: 50px;
}

@media (min-width: 600px) {
  .clubs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 960px) {
  .clubs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---- Card ---- */
.club-card {
  background: var(--color-white);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-normal);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}

.club-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(26, 10, 53, 0.12);
  border-color: var(--color-primary-light);
}

/* ---- University Badge (Üstteki Etiket) ---- */
.club-card__uni-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-xs);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-primary);
  background: rgba(61, 30, 109, 0.06);
  padding: 8px 16px;
  letter-spacing: 0.3px;
}

.club-card__uni-badge i {
  font-size: 0.7rem;
  color: var(--color-accent-orange);
}

/* ---- Logo Area ---- */
.club-card__logo {
  padding: 15px; /* Logoya daha çok alan kalması için padding azaltıldı */
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-light-soft); /* Bej üzerinde hafif daha açık bir ton */
  min-height: 200px;
}

.club-card__logo img {
  max-width: 90%; /* Konteynerin neredeyse tamamını kaplayabilmesi için */
  max-height: 185px; /* Eskiden 160px idi, belirgin şekilde büyütüldü */
  object-fit: contain;
  transition: transform var(--transition-normal);
}

.club-card:hover .club-card__logo img {
  transform: scale(1.05);
}

/* ---- Content Area ---- */
.club-card__content {
  padding: 24px 24px 16px;
  flex: 1;
}

.club-card__title {
  font-family: var(--font-heading);
  font-size: var(--fs-md);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin-bottom: 10px;
  line-height: 1.3;
}

.club-card__desc {
  font-size: var(--fs-sm);
  color: var(--color-text-body);
  line-height: 1.65;
  /* Panelden uzun açıklamalar gelebilir, taşmayı önlemek için kısıtlama */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---- Footer / Social Links (Alt kısım) ---- */
.club-card__footer {
  padding: 16px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  gap: 10px;
  margin-top: auto; /* Her zaman kartın en altında kalsın */
}

.club-card__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(61, 30, 109, 0.06);
  color: var(--color-primary);
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  transition: all var(--transition-fast);
}

.club-card__social-link:hover {
  background: var(--color-primary);
  color: var(--color-white);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(61, 30, 109, 0.25);
}