/* ═══════════════════════════════════════════════════════════════
   Yasal sayfalar — künye, hakkımızda, sözleşmeler
   ═══════════════════════════════════════════════════════════════ */

/*
 * TABAN BOY 16px VE BUNUN ALTINA İNMEZ. Mesafeli Sözleşmeler Yönetmeliği
 * md.6/1 ön bilgilendirmenin "en az on iki punto" ile sunulmasını istiyor;
 * 96 dpi'da 12pt = 16px. Tasarım gerekçesiyle küçültmek doğrudan bir
 * uyumsuzluk olur.
 */
.yasal {
  max-width: 74ch;
  margin: 0 auto;
  padding: 116px 24px 90px;
  font-size: 16px;
  line-height: 1.72;
  color: var(--ink);
}

.yasal h1 { font-family: var(--display); font-size: 34px; line-height: 1.2; margin: 0 0 8px; }
.yasal h2 { font-family: var(--display); font-size: 22px; margin: 38px 0 4px; }
.yasal h3 { font-family: var(--display); font-size: 17px; margin: 26px 0 2px; }
.yasal p, .yasal li { margin-top: 12px; color: var(--ink-soft); }
.yasal a { color: var(--accent); text-decoration: underline; }

/* Sürüm künyesi: hangi metnin ne zaman yürürlüğe girdiği sayfanın kendisinde
   yazmalı — ispat yükü satıcıda ve "o tarihte şu metin yayındaydı" demek yetmez. */
.yasal-surum {
  display: inline-block;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-faint);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 5px 10px;
  margin-top: 6px;
}

.kunye-liste {
  display: grid;
  grid-template-columns: minmax(180px, 0.5fr) 1fr;
  gap: 10px 22px;
  margin-top: 18px;
}
.kunye-liste dt { font-weight: 600; color: var(--ink); }
.kunye-liste dd { margin: 0; color: var(--ink-soft); word-break: break-word; }

/*
 * Doldurulmamış yuva GÖRÜNÜR biçimde uyarı rengine boyanır. Gizlemek daha
 * "temiz" görünürdü ama eksik bir künye alanının sayfada fark edilmeden
 * yayında kalmasına yol açardı — kapı (scripts/yasal-yayin-hazir.sh) zaten
 * kırmızı verir, bu da gözle görülen ikinci şerittir.
 */
.kunye-liste dd[data-bos="evet"] {
  color: var(--warn);
  font-family: var(--mono);
  font-size: 13px;
}

/* Ödeme markaları şeridi — ödeme kuruluşunun başvuru şartı. */
.odeme-logo-seridi {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.odeme-logo-seridi img { height: 26px; width: auto; opacity: 0.85; }

@media (max-width: 640px) {
  .yasal { padding: 96px 20px 70px; }
  .yasal h1 { font-size: 27px; }
  .kunye-liste { grid-template-columns: 1fr; gap: 2px 0; }
  .kunye-liste dt { margin-top: 12px; }
}