/* ==========================================================================
   Yasal sayfalar — gizlilik politikası ve kullanım koşulları.

   Ayrı bir sayfa şablonu değil, tek bir okuma sütunu. Bu sayfaların işi
   ikna etmek değil OKUNMAK: App Store incelemesi buraya bakıyor ve
   kullanıcı da bir hak aradığında geliyor. Kaydırma bölümleri, animasyon
   ve görsel yok — hepsi metnin önüne geçerdi.
   ========================================================================== */

.yasal {
  max-width: 44rem;
  margin: 0 auto;
  padding: clamp(2.5rem, 2rem + 3vw, 5rem) var(--bosluk-kenar, 1.25rem)
           clamp(4rem, 3rem + 4vw, 7rem);
}

.yasal__ust {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--renk-cizgi);
}

.yasal__marka {
  font-weight: 600;
  color: var(--renk-birincil);
  text-decoration: none;
}

.yasal__tarih {
  font-size: 0.875rem;
  color: var(--renk-ikincil);
}

.yasal h1 {
  margin: 2rem 0 0.75rem;
}

.yasal__ozet {
  font-size: 1.0625rem;
  color: var(--renk-ikincil);
  margin-bottom: 2.5rem;
}

.yasal h2 {
  font-size: 1.25rem;
  margin: 2.75rem 0 0.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--renk-cizgi);
}

.yasal h2:first-of-type { border-top: none; padding-top: 0; }

.yasal h3 {
  font-size: 1.0625rem;
  margin: 1.5rem 0 0.5rem;
}

.yasal p, .yasal li {
  color: var(--renk-metin);
  line-height: 1.7;
}

.yasal p + p { margin-top: 0.875rem; }

.yasal ul {
  margin: 0.875rem 0;
  padding-left: 1.25rem;
  list-style: disc;
}

.yasal li + li { margin-top: 0.5rem; }

.yasal a { color: var(--renk-birincil); }

/* Vurgulanan kutu: "bu telefondan çıkmaz" gibi tek cümlelik taahhütler.
   Metnin içinde kaybolmamalı — kullanıcı buraya tam da onu aramaya gelir. */
.yasal__vurgu {
  background: var(--renk-birincil-acik);
  border-left: 3px solid var(--renk-birincil);
  border-radius: 0 8px 8px 0;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}

.yasal__vurgu p { margin: 0; }

.yasal__alt {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--renk-cizgi);
  font-size: 0.9375rem;
  color: var(--renk-ikincil);
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}