/* ============================================================
   YASAL SAYFALAR — okunabilirlik odaklı, base.css üstüne biner
   ============================================================ */

.lg-body { background: var(--bg-0); color: var(--ink); }

/* ---- Üst bar ---- */
.lg-header {
  position: sticky; top: 0; z-index: 20;
  background: color-mix(in srgb, var(--bg-0) 88%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
/* space-between iki ogeyi kenarlara iter ama daraldiginda kuculmelerine izin
   vermez (flex ogelerinde varsayilan min-width:auto). 375px'te Almanca
   "← Startseite" basligi 29px tasiriyordu. Sarmalama, metni kirpmadan veya
   kucultmeden tasmayi tumden imkansiz kilar. */
.lg-header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.35rem 1rem; padding: 0.9rem 0; }
.lg-logo { display: inline-flex; align-items: center; gap: 0.55rem; color: var(--amber-hi); text-decoration: none; }
.lg-logo-text { font-family: 'Unbounded', system-ui, sans-serif; font-weight: 600; font-size: 1.05rem; color: var(--ink); }
.lg-logo-text em { font-style: normal; color: var(--amber-hi); }
.lg-back { color: var(--ink-dim); text-decoration: none; font-size: 0.92rem; }
.lg-back:hover { color: var(--ink); }

/* ---- Gövde ---- */
.lg-main { padding: 3rem 0 4.5rem; }
.lg-wrap { max-width: 72ch; }

.lg-kicker {
  margin: 0 0 0.5rem; text-transform: uppercase; letter-spacing: 0.14em;
  font-size: 0.74rem; font-weight: 700; color: var(--amber-hi);
}
.lg-title {
  margin: 0 0 0.5rem; font-family: 'Unbounded', system-ui, sans-serif;
  font-size: clamp(1.7rem, 4vw, 2.5rem); line-height: 1.15; font-weight: 600;
}
.lg-updated { margin: 0 0 1.75rem; color: var(--ink-dim); font-size: 0.9rem; }

/* ---- Taslak uyarı bandı ---- */
.lg-draft {
  margin: 0 0 2.5rem; padding: 1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--amber-hi) 45%, transparent);
  border-left-width: 4px; border-radius: 10px;
  background: color-mix(in srgb, var(--amber-hi) 8%, transparent);
  font-size: 0.94rem; line-height: 1.65;
}
.lg-draft strong { color: var(--amber-hi); }

/* ---- Bölümler ---- */
/* ---- PDF kartı: yasal metnin tamamı artık PDF ----
   .lg-sec kuralları duruyor; hakkimizda.html hâlâ o kalıbı kullanıyor. */
.lg-pdf {
  margin: 0.5rem 0 2rem;
  padding: 1.75rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 209, 0, 0.05);
}
.lg-pdf-lead { margin: 0 0 1.25rem; color: var(--ink-dim); line-height: 1.7; }
.lg-pdf-btn {
  display: inline-flex; align-items: center; gap: 0.55rem;
  padding: 0.75rem 1.4rem;
  border-radius: 999px;
  background: var(--amber);
  color: #0a0a0c;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.25s, box-shadow 0.25s;
}
.lg-pdf-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px -12px var(--amber); }
.lg-pdf-ic { width: 18px; height: 18px; flex: none; }
.lg-pdf-note { margin: 1rem 0 0; color: var(--ink-faint); font-size: 0.85rem; }

.lg-sec { margin: 0 0 2.25rem; }
.lg-sec h2 {
  margin: 0 0 0.75rem; font-family: 'Unbounded', system-ui, sans-serif;
  font-size: 1.12rem; font-weight: 600; line-height: 1.35;
}
.lg-sec p { margin: 0 0 0.9rem; line-height: 1.75; color: var(--ink-dim); }
.lg-sec ul { margin: 0 0 0.9rem; padding-left: 1.15rem; }
.lg-sec li { margin-bottom: 0.55rem; line-height: 1.7; color: var(--ink-dim); }
.lg-sec strong { color: var(--ink); font-weight: 600; }
.lg-sec a { color: var(--amber-hi); }

/* ---- Doldurulmamış alan işareti ---- */
.lg-ph {
  display: inline-block; padding: 0.05em 0.4em; border-radius: 5px;
  background: color-mix(in srgb, var(--err, #ff5a5a) 16%, transparent);
  border: 1px dashed color-mix(in srgb, var(--err, #ff5a5a) 55%, transparent);
  color: color-mix(in srgb, var(--err, #ff5a5a) 78%, var(--ink));
  font-size: 0.88em; font-weight: 600; letter-spacing: 0.01em;
}

/* ---- Alt bilgi ---- */
.lg-footer { border-top: 1px solid var(--line); padding: 2rem 0 2.5rem; }
.lg-footer-inner { display: grid; gap: 0.85rem; }
.lg-seller { margin: 0; font-size: 0.88rem; line-height: 1.8; color: var(--ink-dim); }
.lg-links { margin: 0; display: flex; flex-wrap: wrap; gap: 0.4rem 1.15rem; }
.lg-links a { font-size: 0.88rem; color: var(--ink-dim); text-decoration: none; }
.lg-links a:hover { color: var(--amber-hi); }
.lg-copy { margin: 0; font-size: 0.84rem; color: var(--ink-dim); opacity: 0.75; }

@media (max-width: 600px) {
  .lg-main { padding: 2rem 0 3rem; }
  .lg-draft { padding: 0.9rem 1rem; }
}

/* ── PayTR ödeme imzası (yasal sayfalar + Hakkımızda) ─────────────────────
   Logo 557×95 (≈5,86:1) oranında. width:100% + height:auto ile orantısı
   korunur; max-width olmadan geniş ekranda gereksizce büyürdü. */
.lg-pay {
  margin: var(--sp-2, 1rem) 0 0;
}
.lg-pay img {
  display: block;
  width: 100%;
  max-width: 188px;
  height: auto;
}

/* Yasal çeviri notu — TR'de anahtar değeri boş dize olduğu için :empty ile
   tamamen gizlenir; ayrı bir gösterme/gizleme mantığı gerekmez. */
.lg-lang-note {
  margin: 0 0 1.4rem;
  padding: 0.7rem 0.9rem;
  border-left: 3px solid var(--amber);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 0 6px 6px 0;
  font-size: 0.9rem;
  line-height: 1.5;
  opacity: 0.85;
}
.lg-lang-note:empty { display: none; }