/* ════════════════════════════════════════════════════════════════
   legal.css — privacy.html + legal.html ORTAK sayfa CSS'i
   REDESIGN v2 (AÇIK TEMA) · türev tonlar variables.css tokenları
   ════════════════════════════════════════════════════════════════ */

/* ── Yasal metin gövdesi ── */
.legal-prose{
  max-width: 780px;
}

.legal-prose h2{
  margin-top: var(--space-7);
  font-size: var(--text-h3);
  font-weight: var(--fw-extrabold);
  color: var(--color-graphite);
}

.legal-prose h2:first-child{
  margin-top: 0;
}

.legal-prose p{
  margin-top: var(--space-4);
  color: var(--color-text-muted);
}

.legal-prose > p:first-child{
  margin-top: 0;
}

/* ── Metin içi bağlantılar (e-posta / telefon) — grafit + altın çizgi ── */
.legal-mail,
.legal-tel{
  color: var(--color-graphite);
  font-weight: var(--fw-medium);
  text-decoration: underline;
  text-decoration-color: var(--color-gold-line);
  text-underline-offset: 3px;
  transition: text-decoration-color var(--transition-fast);
}

.legal-mail:hover,
.legal-mail:focus-visible,
.legal-tel:hover,
.legal-tel:focus-visible{
  text-decoration-color: var(--color-gold);
  text-decoration-thickness: 2px;
}

.legal-sep{
  margin-inline: var(--space-2);
  color: var(--color-text-faint);
}

/* ── Güncelleme / alt not ── */
.legal-note{
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-line-soft);
  font-size: var(--text-sm);
  color: var(--color-text-faint);
}

/* ── Sayfa sonu çapraz bağlantı ── */
.legal-backlink{
  margin-top: var(--space-7);
}

/* ── Künye listesi (meta-list üstüne ince ayar) ── */
.legal-details{
  margin-top: var(--space-5);
}

.legal-details .meta-list__value{
  font-size: var(--text-base);
  overflow-wrap: anywhere;   /* uzun hesap no / e-posta dar ekranda taşmasın */
}

.legal-details .meta-list__label{
  overflow-wrap: break-word;
}

/* Uzun RU kelimeler / e-posta adresleri dar ekranda taşmasın */
.legal-prose p{
  overflow-wrap: break-word;
}

/* ── 404 sayfası ── */
.notfound{
  padding-block: var(--space-9);
  text-align: center;
}

.notfound__title{
  margin-top: var(--space-4);
  font-size: var(--text-h1);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-graphite);
}

.notfound__lead{
  margin: var(--space-5) auto 0;
  max-width: 560px;
  font-size: var(--text-lg);
  color: var(--color-text-muted);
}

.notfound__actions{
  margin-top: var(--space-7);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}

/* ── Kırılımlar ── */
@media (max-width: 480px){
  .legal-details .meta-list__item{
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }
}