/* ================================================================
 *  ia-footer.css — Ortak site footer (ia-foot)
 *  Tüm sayfalarda kullanılır. Masaüstü + responsive.
 *
 *  ÖNEMLİ: Bu dosya kendi izole renk değişkenlerini kullanır VE
 *  ihtiyaç duyduğu font'ları kendi getirir. Sayfaların --rule,
 *  --gold değişkenlerinden ve font yükleme durumundan ETKİLENMEZ.
 * ================================================================ */

/* Footer-spesifik font'lar — sayfa yüklemese bile burada garantilenir.
   Inter ve Reem Kufi çoğu sayfada zaten yüklü, sadece Cinzel ve
   Cormorant Garamond eklenir; font-display:swap ile FOIT engellenir. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Reem+Kufi:wght@500;600;700&family=Inter:wght@300;400;500;600&display=swap');

.ia-foot {
  /* İzole renk paleti — sayfa değişkenlerinden bağımsız */
  --iaf-bg-0:       #0a0703;
  --iaf-bg-1:       #150d05;
  --iaf-gold:       #c9a45a;
  --iaf-gold-2:     #e6c98a;
  --iaf-gold-deep:  #8a6b32;
  --iaf-rule:       rgba(201,164,90,0.28);
  --iaf-ink:        #efe2c4;
  --iaf-ink-dim:    rgba(239,226,196,0.72);
  --iaf-ink-faint:  rgba(239,226,196,0.42);

  position: relative;
  z-index: 5;
  padding: 80px 80px 36px;
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(28,18,8,0.7) 0%, transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,0.96) 0%, rgba(6,4,2,1) 100%);
  border-top: 1px solid var(--iaf-rule);
  color: var(--iaf-ink-dim);
  font-family: 'Cormorant Garamond', serif;
  text-align: left;
}

.ia-foot * { box-sizing: border-box; }

.ia-foot::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--iaf-gold-deep) 20%, var(--iaf-gold) 50%, var(--iaf-gold-deep) 80%, transparent);
  opacity: 0.5;
}

.ia-foot .foot-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 64px;
  margin-bottom: 48px;
  max-width: none;
}

.ia-foot .foot-brand-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.ia-foot .foot-mark {
  width: 42px; height: 42px;
  object-fit: cover;
  mix-blend-mode: lighten;
  border-radius: 3px;
  flex-shrink: 0;
}

.ia-foot .foot-name {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ia-foot .foot-ar {
  font-family: 'Reem Kufi', 'Noto Kufi Arabic', serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: var(--iaf-gold-2);
  letter-spacing: 0;
  display: block;
  text-align: left;
}

.ia-foot .foot-tr {
  font-family: 'Inter', sans-serif;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.32em;
  color: var(--iaf-ink-faint);
  text-transform: uppercase;
  display: block;
  text-align: left;
}

.ia-foot .foot-desc {
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  line-height: 1.55;
  color: var(--iaf-ink-dim);
  max-width: 480px;
  margin: 0 0 24px;
  text-wrap: pretty;
}

.ia-foot .foot-desc em {
  font-style: italic;
  color: var(--iaf-gold-2);
  font-weight: 500;
}

.ia-foot .foot-stats {
  display: flex;
  gap: 0;
  border-top: 1px solid var(--iaf-rule);
  border-bottom: 1px solid var(--iaf-rule);
  padding: 14px 0;
  list-style: none;
  margin: 0;
}

.ia-foot .foot-stat {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 12px;
  border-right: 1px solid var(--iaf-rule);
  line-height: 1;
}

.ia-foot .foot-stat:last-child { border-right: none; }

.ia-foot .foot-stat b {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: 22px;
  color: var(--iaf-ink);
  letter-spacing: 0.01em;
}

.ia-foot .foot-stat span {
  font-family: 'Inter', sans-serif;
  font-size: 9px;
  letter-spacing: 0.28em;
  color: var(--iaf-ink-faint);
  text-transform: uppercase;
}

.ia-foot .foot-col {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.ia-foot .foot-col-h {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: 0.34em;
  color: var(--iaf-gold-2);
  text-transform: uppercase;
  padding-bottom: 14px;
  margin: 0 0 6px;
  border-bottom: 1px solid var(--iaf-rule);
  font-weight: 400;
}

.ia-foot .foot-col a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  color: var(--iaf-ink-dim);
  text-decoration: none;
  padding: 2px 0;
  transition: color .2s ease, padding-left .2s ease;
  background: transparent;
  border: 0;
}

.ia-foot .foot-col a:hover,
.ia-foot .foot-col a:focus {
  color: var(--iaf-gold-2);
  padding-left: 6px;
}

.ia-foot .foot-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 32px 0 28px;
  color: var(--iaf-gold);
}

.ia-foot .foot-rule .line {
  flex: 1;
  max-width: 280px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--iaf-gold-deep), var(--iaf-gold), var(--iaf-gold-deep), transparent);
}

.ia-foot .foot-rule .d {
  width: 7px; height: 7px;
  background: var(--iaf-gold);
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(201,164,90,0.5);
}

.ia-foot .foot-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}

.ia-foot .foot-cite {
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 1.3;
}

.ia-foot .foot-cite-ar {
  font-family: 'Reem Kufi', serif;
  font-weight: 600;
  font-size: 20px;
  color: var(--iaf-gold-2);
}

.ia-foot .foot-cite-tr {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  color: var(--iaf-ink-dim);
}

.ia-foot .foot-cite-tr em {
  font-style: normal;
  color: var(--iaf-gold-2);
  font-weight: 500;
  letter-spacing: 0.04em;
}

.ia-foot .foot-copy {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: 0.28em;
  color: var(--iaf-ink-faint);
  text-transform: uppercase;
}

/* ── Responsive ─────────────────────────────── */
@media (max-width: 980px) {
  .ia-foot { padding: 60px 36px 28px; }
  .ia-foot .foot-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .ia-foot .foot-brand { grid-column: 1 / -1; }
  .ia-foot .foot-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
}

@media (max-width: 600px) {
  .ia-foot { padding: 48px 22px 32px; }
  .ia-foot .foot-grid { grid-template-columns: 1fr; gap: 32px; }

  /* İstatistikler — KESİNLİKLE TEK SATIR. 5 öğe yan yana sığmalı. */
  .ia-foot .foot-stats {
    flex-wrap: nowrap;
    gap: 0;
    padding: 10px 0;
  }
  .ia-foot .foot-stat {
    flex: 1 1 0;
    min-width: 0;            /* shrink'e izin ver — overflow olmasın */
    padding: 0 4px;          /* yatay padding kıs */
    text-align: center;
  }
  .ia-foot .foot-stat b {
    font-size: 13px;         /* "36.159" sığsın */
    letter-spacing: 0;
    line-height: 1.1;
  }
  .ia-foot .foot-stat span {
    font-size: 7px;
    letter-spacing: 0.15em;  /* harf aralığı kısalt */
    margin-top: 2px;
  }

  .ia-foot .foot-cite-ar { font-size: 18px; }
  .ia-foot .foot-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* Çok dar ekranlar (≤360px) — istatistikleri biraz daha sıkıştır */
@media (max-width: 360px) {
  .ia-foot .foot-stat { padding: 0 2px; }
  .ia-foot .foot-stat b { font-size: 12px; }
  .ia-foot .foot-stat span { font-size: 6.5px; letter-spacing: 0.10em; }
}

/* Sayfalarda bottom-nav varsa ekstra boşluk */
@media (max-width: 768px) {
  body:has(.bottom-nav) .ia-foot,
  body:has(.m-bottom-nav) .ia-foot,
  body:has(.hp-bottom-nav) .ia-foot,
  body:has([class*="bottom-nav"]) .ia-foot {
    padding-bottom: 100px;
  }
}