/*
 * ORTAK ALT BİLGİ (footer) — ana sayfadakinin BİREBİR aynısı, her sayfada.
 *
 * NEDEN AYRI ve DÜZ CSS (Tailwind değil):
 * Bu alt bilgi Tailwind kullanan sayfalarda da (earn/withdraw/profile/referral/faq/terms),
 * kendi CSS'ini taşıyan liderlik sayfasında da (stats.html) görünmeli. Tailwind sınıflarına
 * bağlansaydı stats.html'de biçimsiz kalırdı. Renkler tailwind.config.js paletinden birebir
 * kopyalandı (Color.kt ile aynı) — iki dosya arasında sapma olmasın diye yanlarına yazıldı.
 */

.ckf {
  width: 100%;
  background: #08080A;                 /* surface-container-lowest */
  border-top: 1px solid #2C2C33;       /* border-low-light */
  padding: 32px 0;                     /* margin-safe */
  margin-top: 64px;
  font-family: "Chakra Petch", system-ui, sans-serif;
}

.ckf-in {
  max-width: 1280px;                   /* container-max */
  margin: 0 auto;
  padding: 0 24px;                     /* gutter */
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .ckf-in { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ckf-brandcol { grid-column: span 2 / span 2; }
}

.ckf-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; opacity: .6; }
.ckf-brand img { height: 24px; width: 24px; object-fit: contain; }
.ckf-brand span { font-size: 16px; font-weight: 700; color: #E9E7E2; }

.ckf-about {
  font-family: "Share Tech Mono", ui-monospace, monospace;
  font-size: 12px;
  line-height: 1.7;
  color: #9A9AA2;                      /* on-surface-variant */
  max-width: 24rem;
  margin: 0 0 24px;
}

.ckf-social { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.ckf-social a { color: #9A9AA2; transition: color .15s ease; display: block; }
.ckf-social a:hover { color: #FF6A00; }
.ckf-social svg { width: 20px; height: 20px; display: block; }

.ckf-col { display: flex; flex-direction: column; gap: 12px; }
.ckf-col b {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 14px; font-weight: 500; letter-spacing: .05em;
  color: #E9E7E2; margin-bottom: 4px;
}
.ckf-col a {
  font-family: "Share Tech Mono", ui-monospace, monospace;
  font-size: 12px; color: #9A9AA2; text-decoration: none;
  transition: color .15s ease;
}
.ckf-col a:hover { color: #FF6A00; }