/* ==========================================================================
   Asist Saha — yasal.css (TASARIM-SPEC §3.4). Sahibi: P7.
   Yalnız privacy-policy.html. tokens.css + temel.css'ten sonra yüklenir.
   <article class="yasal"> içi BAYT BAYT eski metindir; markup'a dokunulmaz,
   bütün biçim buradan verilir (.kutu = .kart görünümü).
   Hareket yok; yalnız 200ms renk geçişleri.
   ========================================================================== */

/* ---------- Sayfa ---------- */
.yasal-sayfa { display: flex; flex-direction: column; }
.yasal-ana {
  flex: 1 0 auto;
  padding-top: calc(var(--ust-yukseklik) + env(safe-area-inset-top) + clamp(28px, 7vw, 72px));
  padding-bottom: clamp(56px, 10vw, 112px);
}

/* Sade üst çubuk: bölüm etiketi, nabız, dock yok */
.ust--sade .dugme { flex: none; }

/* ---------- Makale ---------- */
.yasal {
  position: relative;
  max-width: 760px; margin-inline: auto;
  color: var(--yazi-2);
  font-size: var(--t-govde); line-height: 1.65;
}

/* Geri bağlantısı: küçük hap */
.yasal .geri {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px; padding: 0 16px 0 14px; margin-bottom: clamp(28px, 5vw, 44px);
  border: 1px solid var(--cizgi-yumusak); border-radius: var(--r-hap);
  background: rgba(255,255,255,.02); box-shadow: var(--kenar-isik);
  color: var(--yazi-2); text-decoration: none;
  font: 600 .9375rem/1 var(--font-govde);
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  transition: color var(--s-kisa) var(--e-standart), border-color var(--s-kisa) var(--e-standart),
              background-color var(--s-kisa) var(--e-standart), transform var(--s-bas) var(--e-standart);
}
.yasal .geri:active { transform: scale(.97); }
@media (hover: hover) {
  .yasal .geri:hover { color: var(--yazi); border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.04); }
}

/* Başlık: dar-siyah Archivo; metin kaynağında karışık harf, dönüştürülmez */
.yasal h1 {
  font-family: var(--font-baslik); font-weight: 900; font-stretch: 75%;
  font-size: clamp(2.5rem, 9vw, 4.5rem); line-height: .92; letter-spacing: -.012em;
  color: var(--yazi);
  text-wrap: balance;
  margin-bottom: var(--b-5);
}

/* Tarih satırı: mono künye + kırmızı iz çizgisi (bölüm etiketi dili) */
.yasal .tarih {
  display: block; max-width: none;
  font-family: var(--font-mono); font-weight: 500; font-size: var(--t-mono);
  line-height: 1.5; letter-spacing: .1em; text-transform: uppercase;
  color: var(--yazi-3);
  padding-bottom: clamp(28px, 5vw, 40px); margin-bottom: clamp(28px, 5vw, 40px);
  border-bottom: 1px solid var(--cizgi-yumusak);
  position: relative;
}
.yasal .tarih::before { content: ""; display: inline-block; vertical-align: .32em; width: 24px; height: 1px; margin-right: 10px; background: var(--kirmizi); }
/* Alt çizginin ortasında tek ışık: "tek ışık kaynağı iz" */
.yasal .tarih::after {
  content: ""; position: absolute; left: 0; bottom: -1px; width: min(320px, 60%); height: 1px;
  background: linear-gradient(90deg, rgba(255,23,68,.55), transparent);
  pointer-events: none;
}

/* Bölüm başlıkları: kırmızı (spec §3.4), ≥17px kalın (§7.2 kontrast kuralı) */
.yasal h2 {
  font-family: var(--font-govde); font-weight: 700; font-stretch: 100%;
  font-size: clamp(1.1875rem, 2.6vw, 1.375rem); line-height: 1.3; letter-spacing: -.005em;
  color: var(--kirmizi);
  text-wrap: balance;
  margin: clamp(40px, 7vw, 56px) 0 var(--b-4);
  scroll-margin-top: calc(var(--ust-yukseklik) + 16px);
}

.yasal p, .yasal li { color: var(--yazi-2); }
.yasal p { margin-bottom: var(--b-3); max-width: var(--olcu); }
.yasal strong { color: var(--yazi); font-weight: 600; }

/* Listeler: ince kırmızı tire imleç */
.yasal ul { list-style: none; padding: 0; margin: 0 0 var(--b-4); }
.yasal li {
  position: relative; padding-left: 26px; margin-bottom: var(--b-3);
  max-width: var(--olcu);
}
.yasal li::before {
  content: ""; position: absolute; left: 2px; top: .8em;
  width: 12px; height: 2px; border-radius: 1px;
  background: var(--kirmizi); opacity: .85;
}

/* Bağlantılar: gövde boyutunda kırmızı metin yok (§7.2); beyaz + kırmızı alt çizgi */
.yasal a:not(.geri) {
  color: var(--yazi); text-decoration: underline;
  text-decoration-color: rgba(255,23,68,.6); text-decoration-thickness: 1.5px; text-underline-offset: 4px;
  transition: text-decoration-color var(--s-kisa) var(--e-standart);
  overflow-wrap: anywhere;
}
@media (hover: hover) { .yasal a:not(.geri):hover { text-decoration-color: var(--kirmizi); } }

/* Kutu = .kart (temel.css §9 ile aynı görünüm; markup değişmediği için burada) */
.yasal .kutu {
  position: relative;
  margin: clamp(24px, 4vw, 32px) 0;
  padding: clamp(20px, 4vw, 28px);
  background:
    radial-gradient(70% 56px at 50% 0, rgba(255,23,68,.07), transparent 100%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 40%),
    var(--yuzey);
  border: 1px solid var(--cizgi-yumusak); border-radius: var(--r-3);
  box-shadow: var(--kenar-isik);
  color: var(--yazi-2); line-height: 1.6;
}
.yasal .kutu::before {
  content: ""; position: absolute; top: -1px; left: var(--r-3); right: var(--r-3); height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,23,68,.5), transparent);
  pointer-events: none;
}
/* Son kutu (tıbbi cihaz uyarısı): sol kenarda kırmızı iz */
.yasal .kutu:last-child {
  margin-top: clamp(48px, 8vw, 64px); margin-bottom: 0;
  padding-left: calc(clamp(20px, 4vw, 28px) + 14px);
  color: var(--yazi);
}
.yasal .kutu:last-child::after {
  content: ""; position: absolute; left: clamp(20px, 4vw, 28px); top: 22%; bottom: 22%;
  width: 2px; border-radius: 2px; background: var(--kirmizi);
}

/* ---------- Kısa footer ---------- */
.alt--sade {
  flex: none;
  padding-top: var(--b-6);
  padding-bottom: calc(var(--b-6) + env(safe-area-inset-bottom));
}
@media (min-width: 1024px) { .alt--sade { padding-bottom: calc(var(--b-6) + env(safe-area-inset-bottom)); } }
.alt--sade .kapsayici { max-width: 760px; }
.alt--sade .alt__kunye { margin-top: 0; line-height: 1.9; }
.alt--sade .alt__kunye a {
  color: var(--yazi-2); text-decoration: none;
  transition: color var(--s-kisa) var(--e-standart);
}
@media (hover: hover) { .alt--sade .alt__kunye a:hover { color: var(--yazi); } }

/* ---------- Azalt ---------- */
@media (prefers-reduced-motion: reduce) {
  .yasal .geri:active { transform: none; }
}

/* ---------- Yazdırma ---------- */
@media print {
  .ust, .alt, .atla, .yasal .geri { display: none !important; }
  body { background: #fff !important; color: #000; }
  body::after { display: none; }
  .yasal-ana { padding: 0; }
  .yasal, .yasal p, .yasal li, .yasal .kutu, .yasal h1, .yasal h2 { color: #000 !important; }
  .yasal .kutu { background: none; border-color: #999; box-shadow: none; }
}