/* ── BELGE sayfalari (gizlilik / kvkk / kullanim sartlari / destek /
   hesap silme). gece-maci.css'in uzerine biner, kendi token'i YOKTUR.
   Amac: uzun metnin gece temasinda okunabilir olmasi. ── */

.belge { max-width: 720px; margin: 0 auto; padding: 28px 20px 0; }

.belge h1 { font-size: 34px; margin-bottom: 6px; }
.belge .kunye { font-size: 13px; color: var(--soluk); margin: 0 0 28px; }
.belge .kunye b { color: var(--ink2); font-weight: 600; }

.belge h2 {
  font-size: 20px; margin: 34px 0 10px; padding-top: 18px;
  border-top: 1px solid var(--cizgi); color: var(--ink);
}
.belge h2:first-of-type { border-top: 0; padding-top: 0; }
.belge h3 { font-size: 15px; margin: 20px 0 6px; color: var(--ink); font-family: var(--govde); font-weight: 700; }

.belge p, .belge li { color: var(--ink2); font-size: 15px; }
.belge p { margin: 10px 0; }
.belge ul, .belge ol { margin: 10px 0; padding-left: 22px; }
.belge li { margin: 6px 0; }
.belge a { color: var(--cim); }
.belge strong { color: var(--ink); }

/* Vurgu kutusu — "sunu bilmen lazim" tonundaki uyarilar */
.belge .uyari {
  background: var(--amber-dim); border: 1px solid rgba(232,185,62,.3);
  border-radius: 12px; padding: 14px 16px; margin: 18px 0;
}
.belge .uyari p { color: var(--ink); margin: 6px 0; }
.belge .uyari p:first-child { margin-top: 0; }
.belge .uyari p:last-child { margin-bottom: 0; }

/* Veri tablosu — hangi veri, ne icin, ne kadar sure */
.belge .tablo { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
.belge .tablo th, .belge .tablo td {
  text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--cizgi); vertical-align: top;
}
.belge .tablo th { color: var(--soluk); font-size: 11px; letter-spacing: .1em; font-weight: 700; }
.belge .tablo td { color: var(--ink2); }
.belge .tablo td:first-child { color: var(--ink); font-weight: 600; white-space: nowrap; }
.belge .tablo-sar { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Form (hesap silme + destek) */
.belge .alan { margin: 14px 0; }
.belge label { display: block; font-size: 13px; font-weight: 600; color: var(--ink2); margin-bottom: 6px; }
.belge input[type=text], .belge input[type=tel], .belge input[type=email], .belge textarea {
  width: 100%; padding: 12px 14px; font-size: 16px; font-family: var(--govde);
  background: var(--yuzey2); color: var(--ink);
  border: 1px solid var(--cizgi2); border-radius: 10px;
}
.belge input:focus, .belge textarea:focus { outline: 2px solid var(--cim); outline-offset: 1px; }
.belge .dugme {
  display: inline-block; padding: 13px 22px; font-size: 15px; font-weight: 700;
  border: 0; border-radius: 10px; cursor: pointer;
  background: var(--cim); color: #05210f; font-family: var(--govde);
}
.belge .dugme[disabled] { opacity: .5; cursor: default; }
.belge .dugme.tehlike { background: var(--hata); color: #fff; }
.belge .dugme.sessiz { background: transparent; color: var(--ink2); border: 1px solid var(--cizgi2); }

.belge .durum { margin: 14px 0; padding: 12px 14px; border-radius: 10px; font-size: 14px; display: none; }
.belge .durum.gorunur { display: block; }
.belge .durum.bilgi { background: var(--cim-dim); color: var(--ink); border: 1px solid rgba(53,197,107,.3); }
.belge .durum.hata { background: var(--hata-dim); color: var(--ink); border: 1px solid rgba(226,87,75,.35); }

.belge .adim { display: none; }
.belge .adim.aktif { display: block; }

.belge .ipucu { font-size: 13px; color: var(--soluk); margin-top: 6px; }