/* Footer · F2, r6.27. ⚠️ TÜM seçiciler `.mk-footer` altında: sızmaz.
   ⚠️ Kart/gölge/gradyan/yuvarlak köşe/altın YOK; hiyerarşi tipografi,
   boşluk ve ince ayırıcıyla kurulur. */

.mk-footer {
  border-top: 1px solid var(--mk-cizgi);
  background: var(--mk-fildisi);
  margin-top: var(--mk-bolum-y);
}
.mk-footer-ic {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(auto-fit, minmax(160px, 1fr));
  align-items: start;                     /* marka ve kolonlar aynı yatay eksen */
  gap: clamp(28px, 4vw, 64px);
  max-width: var(--mk-icerik); margin: 0 auto;
  padding: clamp(44px, 6vw, 76px) var(--mk-kenar) clamp(28px, 4vw, 40px);
}

/* --- marka --- (ad, merkezi `.mk-eyebrow` rolünü kullanır; yeni tipografi yok) */
.mk-footer-marka { max-width: 380px; }
.mk-footer-marka-ad { color: var(--mk-siyah); margin: 0 0 12px; }
.mk-footer-marka-metin {
  font-size: var(--mk-fs-footer-bag); line-height: 1.65;
  color: var(--mk-gri); margin: 0 0 24px; max-width: 46ch;
}

/* --- bülten (işaretleme entegrasyondan; bunlar stil kancası) --- */
.mk-footer-bulten-metin { font-size: 14px; color: var(--mk-gri); margin: 8px 0 16px; }
.mk-bulten-form { display: flex; border-bottom: 1px solid var(--mk-siyah); }
.mk-bulten-form input {
  flex: 1; min-width: 0; border: 0; background: none;
  /* ⚠️ r6.21 — 14px idi, iOS yakınlaştırıyordu. */
  font: inherit; font-size: var(--mk-fs-form-girdi); color: var(--mk-siyah);
  padding: 11px 0; min-height: 44px;
}
.mk-bulten-form input::placeholder { color: var(--mk-gri-acik); }
.mk-bulten-form button {
  background: none; border: 0; cursor: pointer; color: var(--mk-siyah);
  font-family: var(--mk-font); font-size: var(--mk-fs-cta);
  font-weight: var(--mk-fw-islevsel); letter-spacing: var(--mk-ls-cta);
  text-transform: uppercase; padding: 11px 0 11px 20px; min-height: 44px;
}
.mk-bulten-not { font-size: 11.5px; color: var(--mk-gri-acik); margin: 10px 0 0; }

/* --- bağlantı sütunları --- */
.mk-footer-baslik {
  font-size: var(--mk-fs-footer-baslik); font-weight: var(--mk-fw-islevsel);
  letter-spacing: var(--mk-ls-footer-baslik); text-transform: uppercase;
  color: var(--mk-gri-acik); margin: 0 0 16px;
}
/* ⚠️ Düğme yalnız JS VARKEN ve mobilde görünür; JS'siz başlığın metin
   sürümü görünür, paneller zaten açıktır. */
.mk-footer-ac { display: none; }
.mk-footer-liste { list-style: none; margin: 0; padding: 0; }
.mk-footer-liste li + li { margin-top: 10px; }
.mk-footer-liste a {
  font-size: var(--mk-fs-footer-bag); border-bottom: 1px solid transparent;
  padding-bottom: 1px; display: inline-block;
}
.mk-footer-liste a:hover, .mk-footer-liste a:focus-visible,
.mk-footer-yasal a:hover, .mk-footer-yasal a:focus-visible { border-bottom-color: currentColor; }

/* --- künye --- */
.mk-footer-son {
  display: flex; justify-content: space-between; align-items: center;
  gap: 12px 28px; flex-wrap: wrap;
  max-width: var(--mk-icerik); margin: 0 auto;
  padding: 18px var(--mk-kenar) 26px;
  border-top: 1px solid var(--mk-cizgi);
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mk-gri-acik);
}
.mk-footer-yasal {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 8px 20px;
}
.mk-footer-yasal a { color: inherit; border-bottom: 1px solid transparent; }

@media (max-width: 860px) {
  .mk-footer-ic { grid-template-columns: 1fr; gap: 0; padding-bottom: 8px; }
  .mk-footer-marka { max-width: none; padding-bottom: 28px; }
  .mk-footer-kol { border-top: 1px solid var(--mk-cizgi); }   /* kutu değil, ayırıcı */
  .mk-footer-kol .mk-footer-baslik { margin: 0; }
  .mk-footer-kol--iletisim .mk-footer-baslik { padding: 16px 0 12px; }
  .mk-footer-panel { padding-bottom: 18px; }
  .mk-footer-liste li + li { margin-top: 0; }
  /* ⚠️ Dokunma hedefi 44px altına düşmez. */
  .mk-footer-liste a { display: flex; align-items: center; min-height: 44px; }
  .mk-footer-son { padding-top: 16px; font-size: 10.5px; }
  .mk-footer--js .mk-footer-ac {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    width: 100%; min-height: 52px; padding: 0; margin: 0;
    background: none; border: 0; cursor: pointer; font: inherit; color: inherit;
    letter-spacing: inherit; text-transform: inherit; text-align: left;
  }
  .mk-footer--js .mk-footer-kol[data-mk-kol] .mk-footer-baslik-metin { display: none; }
  .mk-footer-ok { width: 9px; height: 9px; border-right: 1px solid; border-bottom: 1px solid;
    transform: rotate(45deg) translate(-2px, -2px); transition: transform .18s ease; }
  .mk-footer-ac[aria-expanded="true"] .mk-footer-ok { transform: rotate(-135deg) translate(-3px, -3px); }
}
@media (prefers-reduced-motion: reduce) {
  .mk-footer-ok { transition: none; }
}