/* ==========================================================================
   Delta Motor — KVKK aydinlatma metni
   Uzun metin sayfasi: tek isi okunabilirlik. Yeni jeton TANIMLANMAZ,
   renk/olcu/bosluk degerleri tokens.css'ten var() ile gelir.
   ========================================================================== */

/* --- Yerlesim: mono dizin + metin sutunu --------------------------------
   Dizin genis ekranda sol sutunda yapiskan durur, dar ekranda metnin
   ustunde cerceveli bir kutuya doner. Ikisinde de gercek <nav>. */

.legal {
  display: grid;
  gap: clamp(2rem, 4vw, 3.5rem);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

@media (min-width: 1000px) {
  .legal { grid-template-columns: 15rem minmax(0, 1fr); }
}

/* --- Icindekiler --------------------------------------------------------
   Mono etiketlerde `--c-ink-faint` KULLANILMADI: acik temada #98A1B3 /
   #F7F8FA 2,44:1 veriyor, WCAG AA 4,5:1 istiyor. Bu sayfada mono metinlerin
   hepsi gercek icerik (madde numarasi, kunye anahtari, yururluk tarihi),
   dekoratif degil. Hiyerarsi renkten degil OLCEKTEN geliyor: 12px mono
   uppercase, yanindaki 17px sans govdeden zaten ayrisiyor. */

.legal__toc {
  border: 1px solid var(--c-line);
  border-radius: var(--r-md);
  background: var(--c-surface);
  padding: var(--s-4);
  min-width: 0;
}

@media (min-width: 1000px) {
  .legal__toc {
    /* Yapiskan basligin (--header-h) altina oturur, altina girmez. */
    position: sticky;
    top: calc(var(--header-h) + var(--s-4));
    border: 0;
    border-left: 1px solid var(--c-line);
    border-radius: 0;
    background: none;
    padding: 0 0 0 var(--s-4);
  }
}

.legal__toc-title {
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  font-weight: 500;
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--c-ink-mute);
  margin: 0 0 var(--s-3);
}

.legal__toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--s-2);
  counter-reset: madde;
}

.legal__toc-list a {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: var(--s-2);
  font-size: var(--t-sm);
  line-height: 1.4;
  color: var(--c-ink-mute);
  text-decoration: none;
  transition: color var(--d-fast) var(--e-out);
}

/* Numara CSS sayacindan gelir: madde eklenip cikarildiginda elle
   guncellenecek bir sayi listesi kalmaz. */
.legal__toc-list a::before {
  counter-increment: madde;
  content: counter(madde, decimal-leading-zero);
  font-family: var(--f-mono);
  font-variant-numeric: tabular-nums;
  color: var(--c-ink-mute);
  transition: color var(--d-fast) var(--e-out);
}

.legal__toc-list a:hover { color: var(--c-ink); }
.legal__toc-list a:hover::before { color: var(--c-red); }

/* --- Metin sutunu ------------------------------------------------------- */

.legal__body {
  min-width: 0;
  /* Satir olcusu ~68 karakter: 17px govde puntosunda 36rem. */
  max-width: 36rem;
  /* 390px'te uzun e-posta adresi, yer tutucu ve birlesik Turkce kelimeler
     sutunu tasirip sayfayi yatay kaydiriyordu. */
  overflow-wrap: break-word;
}

/* --- Eksik bilgi uyarisi ------------------------------------------------
   Metin yayina hazir DEGIL: kose parantezli alanlar doldurulmadan
   yayinlanirsa gercek bir aydinlatma metni gibi gorunur. Uyari bu yuzden
   metnin en basinda ve kirmizi (dikkat) tonunda duruyor. */

.legal__notice {
  display: grid;
  gap: var(--s-2);
  padding: var(--s-4);
  margin-bottom: var(--s-7);
  border: 1px dashed var(--c-red);
  border-radius: var(--r-md);
  background: var(--c-red-wash);
}

.legal__notice-title {
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  font-weight: 500;
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--c-red);
  margin: 0;
}

.legal__notice p {
  margin: 0;
  font-size: var(--t-sm);
  line-height: var(--lh-body);
  color: var(--c-ink);
}

/* --- Madde -------------------------------------------------------------- */

.legal__art {
  /* Ic baglantiyla gelindiginde baslik yapiskan basligin altinda kalmasin. */
  scroll-margin-top: calc(var(--header-h) + var(--s-5));
  margin-top: var(--s-6);
  padding-top: var(--s-6);
  border-top: 1px solid var(--c-line);
}

.legal__art:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.legal__head {
  display: grid;
  gap: var(--s-2);
  margin-bottom: var(--s-4);
}

/* --- Paragraf ve liste --------------------------------------------------
   Bosluklar em: punto clamp() ile olceklenirken oran korunur. */

.legal__p {
  margin: 0;
  font-size: var(--t-md);
  line-height: var(--lh-body);
  color: var(--c-ink-mute);
  text-wrap: pretty;
}

.legal__p + .legal__p,
.legal__list + .legal__p,
.legal__p + .legal__list,
.legal__meta + .legal__p { margin-top: 0.9em; }

.legal__list {
  margin: 0.9em 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--s-2);
}

.legal__list li {
  position: relative;
  padding-left: var(--s-5);
  font-size: var(--t-md);
  line-height: var(--lh-body);
  color: var(--c-ink-mute);
}

/* Liste ici veri kategorisi adi — cevresindeki metinden ayrilsin. */
.legal__list strong {
  color: var(--c-ink);
  font-weight: 600;
}

/* Olcu cizgisi isareti — teknik cizim dilinin liste karsiligi. */
.legal__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 0.75rem;
  height: 1px;
  background: var(--c-line-strong);
}

/* --- Kunye tablosu (veri sorumlusu / basvuru kanallari) -----------------
   Deger metni uzun ve sarmali oldugu icin `.spec` KULLANILMADI: o bilesen
   saga yaslanmis kisa sayi degerleri icin olculdu. */

.legal__meta {
  margin: var(--s-4) 0 0;
  border-top: 1px solid var(--c-line);
}

.legal__meta-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-1);
  padding-block: var(--s-3);
  border-bottom: 1px solid var(--c-line);
}

@media (min-width: 560px) {
  .legal__meta-row {
    grid-template-columns: 10.5rem minmax(0, 1fr);
    gap: var(--s-4);
    align-items: baseline;
  }
}

.legal__meta dt {
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  font-weight: 500;
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--c-ink-mute);
  min-width: 0;
}

.legal__meta dd {
  margin: 0;
  min-width: 0;
  font-size: var(--t-base);
  line-height: var(--lh-body);
  color: var(--c-ink);
}

/* --- Yer tutucu ---------------------------------------------------------
   Doldurulmadigi GOZLE gorulsun diye kesikli cerceve + kirmizi. */

.legal__ph {
  font-family: var(--f-mono);
  font-size: 0.9em;
  font-weight: 500;
  color: var(--c-red);
  background: var(--c-red-wash);
  border: 1px dashed var(--c-red);
  border-radius: var(--r-sm);
  padding: 0.05em 0.35em;
  overflow-wrap: break-word;
}

/* --- Metin sonu --------------------------------------------------------- */

.legal__foot {
  display: grid;
  gap: var(--s-2);
  margin-top: var(--s-7);
  padding-top: var(--s-5);
  border-top: 1px solid var(--c-line-strong);
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: 0.04em;
  color: var(--c-ink-mute);
}

.legal__foot p { margin: 0; }