/* Yabu Games — GİZLİLİK SAYFASI stili (yalnız privacy-policy.html).
   Renkler, yazı ve alt bölüm theme.css'ten gelir; burada yalnız üst bar ve belge düzeni var.
   Bağımlılık yok, GitHub Pages doğrudan yayınlar. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto; } }

/* Yan boşluk kapsayıcıdan (üst bar, main) gelir; .wrap yalnız genişliği sınırlar. Böylece üst barın kenarı
   alt bölümün kenarıyla aynı hizada durur. */
.wrap { max-width: var(--wrap); margin: 0 auto; }

/* ── Üst bar + hamburger ─────────────────────────────────────────────── */
header.bar {
  position: sticky; top: 0; z-index: 20;
  padding: 0 var(--gutter);
  background: rgba(14, 23, 38, .86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ink-line);
}
.bar .row { display: flex; align-items: center; gap: 16px; height: 64px; }
.bar .home { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.bar .home img { height: 26px; width: auto; display: block; }
.bar .home span { font-family: var(--display); font-weight: 800; font-size: 15px;
                  letter-spacing: .34em; color: #fff; opacity: .94; padding-left: .34em; }
nav.links { margin-left: auto; display: flex; gap: 22px; }
nav.links a { color: var(--text); text-decoration: none; font-weight: 700; font-size: 15px; }
nav.links a:hover { color: var(--gold); }
button.burger {
  margin-left: auto; display: none; width: 44px; height: 44px; padding: 0;
  background: transparent; border: 1px solid var(--ink-line); border-radius: 12px; cursor: pointer;
}
button.burger span, button.burger span::before, button.burger span::after {
  display: block; width: 20px; height: 2px; background: var(--text); border-radius: 2px;
  transition: transform .18s ease, opacity .18s ease;
}
button.burger span { margin: 0 auto; position: relative; }
button.burger span::before { content: ""; position: absolute; top: -6px; }
button.burger span::after  { content: ""; position: absolute; top:  6px; }
button.burger[aria-expanded="true"] span { background: transparent; }
button.burger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
button.burger[aria-expanded="true"] span::after  { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 760px) {
  button.burger { display: block; }
  nav.links {
    position: absolute; left: 0; right: 0; top: 64px;
    flex-direction: column; gap: 0; margin: 0;
    background: rgba(14, 23, 38, .98); border-bottom: 1px solid var(--ink-line);
    max-height: 0; overflow: hidden; transition: max-height .22s ease;
  }
  nav.links a { padding: 14px var(--gutter); border-top: 1px solid var(--ink-line); }
  nav.links.open { max-height: 260px; }
}

/* ── Belge ───────────────────────────────────────────────────────────── */
main { padding: 0 var(--gutter); }
.doc { max-width: 760px; padding-top: 28px; padding-bottom: 10px; line-height: 1.65; }
.doc a { color: var(--sky); }
.doc a:hover { color: var(--gold); }
.doc h1 { font-family: var(--display); font-weight: 800; font-size: 34px; margin: 0 0 6px; color: #fff; }
.doc .meta { color: var(--muted); font-size: 15px; margin: 0 0 26px; }
.doc h2 { font-family: var(--display); font-weight: 800; font-size: 21px; color: #fff;
          margin: 34px 0 8px; padding-bottom: 6px; border-bottom: 1px solid var(--ink-line); scroll-margin-top: 80px; }
.doc ul { padding-left: 20px; }
.doc li { margin: 6px 0; }
.doc code { background: rgba(255, 255, 255, .09); padding: 1px 6px; border-radius: 5px; font-size: 15px; }
.doc .quiet { color: var(--muted); }
.tablewrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 15px; margin: 10px 0; }
th, td { border: 1px solid var(--ink-line); padding: 9px 11px; text-align: left; vertical-align: top; }
th { background: rgba(255, 255, 255, .07); color: #fff; font-weight: 800; }
.doc .toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; padding: 0; list-style: none; }
.toc a { display: inline-block; padding: 6px 13px; border: 1px solid var(--ink-line); border-radius: 999px;
         text-decoration: none; font-size: 14px; font-weight: 700; }

/* Belge ile alt bölüm aynı zeminde: aralarını ince çizgi ayırır (ana sayfada bu işi mavi sahne yapıyor). */
footer { margin-top: 40px; border-top: 1px solid var(--ink-line); }