/* ==========================================================
   sayfa-icerik.css — Gizlilik Politikası, Kullanım Şartları,
   İletişim gibi METİN AĞIRLIKLI sayfalar için ortak stil.
   renkler.css'in ÜZERİNE eklenir, onun yerine geçmez.
   ========================================================== */

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--beige);
  font-family: 'Inter', -apple-system, sans-serif;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* ---------- ÜST NAVBAR ---------- */
.navbar {
  width: 100%;
  display: flex; align-items: center; gap: 6px;
  padding: 14px 24px;
  border-bottom: 1px solid var(--coffee-line);
}
.dot { width: 6px; height: 6px; border-radius: 50%; background: var(--beige); }
.brand { font-family: Georgia, serif; font-weight: 600; font-size: 15px; }
.navbar a { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 6px; }
.lang-toggle {
  margin-left: auto; background: transparent; border: 1px solid var(--coffee-line);
  color: var(--sub); font-size: 11.5px; font-family: monospace;
  padding: 5px 10px; border-radius: 7px; cursor: pointer;
  transition: border-color .18s ease;
}
.lang-toggle:hover { border-color: var(--neon); color: var(--beige); }

/* ---------- İÇERİK ALANI ---------- */
.page-layout {
  flex: 1;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 16px 60px;
}

.wrap {
  background: var(--coffee);
  border: 1px solid var(--coffee-line);
  border-radius: 18px;
  padding: 36px 40px 44px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.wrap:hover {
  border-color: var(--neon);
  box-shadow: 0 0 0 1px rgba(232,255,77,0.25), 0 0 26px 4px rgba(232,255,77,0.3);
}

.eyebrow { color: var(--sub); font-size: 11px; font-family: monospace; letter-spacing: 1.5px; margin-bottom: 10px; }
h1 { font-family: Georgia, serif; font-weight: 600; font-size: 28px; margin-bottom: 8px; }
.updated { color: var(--sub); font-size: 12px; margin-bottom: 28px; }

.content h2 {
  font-family: Georgia, serif; font-weight: 600; font-size: 17px;
  color: var(--beige); margin-top: 26px; margin-bottom: 8px;
}
.content p { color: var(--sub); font-size: 13.5px; margin-bottom: 10px; }
.content ul { color: var(--sub); font-size: 13.5px; margin: 0 0 10px 20px; }
.content li { margin-bottom: 5px; }
.content a { color: var(--beige); }
.content a:hover { color: var(--neon); }
.content strong { color: var(--beige); }

/* İletişim sayfasına özel: e-posta / bilgi kutusu */
.contact-box {
  background: var(--bg);
  border: 1px solid var(--coffee-line);
  border-radius: 10px;
  padding: 16px 18px;
  margin-top: 18px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.contact-box:hover {
  border-color: var(--neon);
  box-shadow: 0 0 0 1px rgba(232,255,77,0.25), 0 0 20px 3px rgba(232,255,77,0.28);
}
.contact-box .label { font-size: 10.5px; color: var(--sub); font-family: monospace; margin-bottom: 4px; }
.contact-box .value { font-size: 15px; color: var(--beige); font-weight: 500; }
.contact-box a.value { text-decoration: none; }
.contact-box a.value:hover { color: var(--neon); }

/* ---------- ALT BİLGİ (footer) ---------- */
footer.site-footer {
  width: 100%;
  border-top: 1px solid var(--coffee-line);
  padding: 12px 24px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  font-size: 9.5px; color: var(--sub);
}
footer.site-footer a { color: var(--sub); text-decoration: none; }
footer.site-footer a:hover { color: var(--beige); }
footer.site-footer .footer-links { display: flex; gap: 10px; flex-wrap: wrap; }
footer.site-footer .copyright { margin-left: auto; }
@media (max-width: 600px) {
  footer.site-footer { flex-direction: column; align-items: flex-start; }
  footer.site-footer .copyright { margin-left: 0; }
}