/* ============================================================================
   ŞEHRİZAR — yasal sayfalar ortak görünümü
   (kullanici-sozlesmesi.html, gizlilik-politikasi.html; içerik /yasal-render.js)
   CSP: stil dosyası 'self', satır içi betik yok (betik /yasal.js). Dış kaynak yok.
   Koyu ahşap tonları: zemin #140d08 (uygulamanın açılış zemini), altın başlıklar.
   KAPSAMLI: her kural .yasal (belge kökü) ya da body.yasal-page altında — Admin ▸
   Oyun Kuralları ▸ Yasal metinler önizlemesi bu dosyayı uygulamaya yükler; genel
   seçici (body, h1, p…) uygulamanın kendi görünümünü bozardı.
   Mobil öncelikli; uygulama içinden (iOS Safari görünümü, yatay 812×375 dahil)
   ve tarayıcıdan okunur.
   ========================================================================== */

body.yasal-page {
  margin: 0;
  color-scheme: dark;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: #140d08;
  background-image: radial-gradient(ellipse at 50% 0%, rgba(122, 74, 32, 0.35), rgba(20, 13, 8, 0) 60%);
  background-repeat: no-repeat;
}

.yasal {
  box-sizing: border-box;
  color: #f3e9d8;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: left;
}
.yasal *, .yasal *::before, .yasal *::after { box-sizing: border-box; }

main.yasal {
  max-width: 760px;
  margin: 0 auto;
  padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left));
}

.yasal .doc-head { text-align: center; margin: 8px 0 18px; }
.yasal .doc-logo { display: block; width: 96px; height: auto; margin: 0 auto 8px; }
.yasal h1 { font-size: 26px; line-height: 1.25; margin: 0 0 6px; color: #ffcf6b; }
.yasal .doc-meta { margin: 0; font-size: 13.5px; color: #b9a98d; }
.yasal .doc-loading { color: #b9a98d; text-align: center; }

.yasal h2 {
  font-size: 19px;
  line-height: 1.3;
  margin: 30px 0 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 207, 107, 0.16);
  color: #ffe2a3;
  scroll-margin-top: 12px;
}
.yasal h3 { font-size: 16px; margin: 18px 0 6px; color: #ffd98a; }
.yasal p, .yasal li { color: #e8dcc6; }
.yasal p { margin: 0 0 10px; }
.yasal ul, .yasal ol { padding-left: 22px; margin: 0 0 12px; }
.yasal li { margin: 3px 0; }
.yasal b, .yasal strong { color: #fff1d2; }
.yasal a { color: #ffcf6b; text-underline-offset: 2px; }

.yasal .card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 207, 107, 0.25);
  border-radius: 12px;
  padding: 12px 16px;
  margin: 12px 0;
}
.yasal .card > :last-child { margin-bottom: 0; }
.yasal .card--lead { border-color: rgba(255, 207, 107, 0.45); background: rgba(255, 207, 107, 0.08); }

/* İçindekiler */
.yasal .toc { font-size: 14.5px; }
.yasal .toc ol { margin: 6px 0 0; columns: 2 220px; column-gap: 24px; }
.yasal .toc li { break-inside: avoid; }

/* Tablolar: dar ekranda yatay kayar (sayfa kaymaz) */
.yasal .tbl { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 10px 0 14px; }
.yasal table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 520px; }
.yasal th, .yasal td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.yasal th { color: #ffe2a3; font-weight: 700; background: rgba(255, 207, 107, 0.08); }
.yasal td { color: #e8dcc6; }
.yasal td:first-child { color: #fff1d2; font-weight: 600; }

/* YER TUTUCU: yayından önce doldurulacak bilgi (belirgin olsun diye turuncu, kesik çerçeve) */
.yasal .ph {
  display: inline;
  padding: 0 4px;
  border-radius: 4px;
  border: 1px dashed rgba(255, 150, 90, 0.8);
  background: rgba(255, 120, 60, 0.16);
  color: #ffc49e;
  font-weight: 700;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.yasal .mail { font-weight: 700; word-break: break-all; }

.yasal .doc-foot {
  margin-top: 36px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 14px;
  color: #b9a98d;
}
.yasal .doc-foot p { color: #b9a98d; }
.yasal .doc-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 10px; padding: 0; list-style: none; }

.yasal .en { margin-top: 28px; font-size: 14px; color: #b9a98d; }
.yasal .en h2 { font-size: 16px; }
.yasal .en p, .yasal .en li { color: #b9a98d; }

@media (min-width: 700px) {
  .yasal h1 { font-size: 30px; }
}

@media print {
  body.yasal-page { background: #fff; color: #000; }
  .yasal, .yasal p, .yasal li, .yasal td, .yasal h1, .yasal h2, .yasal h3, .yasal b, .yasal strong, .yasal a { color: #000 !important; }
  .yasal .doc-logo { display: none; }
}