/* ============================================================================
   1299 Mobile — FORM SAYFALARI                                   (2026-08-05)

   Kayıt / giriş / doğrulama gibi tek işli sayfalar için ortak kabuk.
   Şablonun `.slider` dev başlık bandı ve 6 sütunluk yayvan form yerleşimi
   yerine ORTALANMIŞ DAR SÜTUN: göz satır satır aşağı iner, form daha
   az "kaba" durur.
   ============================================================================ */

.k-sayfa{
  display:flex; justify-content:center;
  /* min-height:100vh KULLANILMIYOR: form ekranı doldurmaya çalışınca
     yayvan ve "kaba" duruyordu. Kutu kendi boyu kadar yer kaplar. */
  padding:38px 20px 56px;
  background:var(--k-zemin);
}

/* 400px: tek sütun formun rahat okunduğu üst sınır. Daha genişte alanlar
   uzayıp seyrekleşiyor ve form dağınık görünüyor. */
.k-form-kutu{ width:100%; max-width:400px; }

/* ── Başlık ─────────────────────────────────────────────────────────────── */
/* Eski hâlinde sayfanın tepesinde ekranın üçte birini kaplayan siyah bant
   ve içinde dev "Register (Kayıt Ol)" yazısı vardı. */
.k-form-bas{ text-align:center; margin:0 0 20px; }
.k-form-bas h1{
  font-family:var(--k-baslik) !important;
  font-size:23px !important; font-weight:600 !important;
  margin:0 0 5px !important; padding:0 !important;
  color:var(--k-metin) !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.k-form-bas p{ margin:0; font-size:13px; color:var(--k-metin-3); }

/* ── Form ───────────────────────────────────────────────────────────────── */
.k-form{
  background:var(--k-yuzey);
  border:1px solid var(--k-cizgi);
  border-radius:var(--k-kose);
  padding:20px 20px 18px;
}
.k-alan{ margin:0 0 13px; }
.k-alan:last-of-type{ margin-bottom:15px; }
.k-alan label{
  display:block; margin:0 0 5px;
  font-size:12px; font-weight:500;
  color:var(--k-metin-2);
}
.k-alan input,.k-alan select{
  width:100%; box-sizing:border-box;
  padding:9px 12px !important;
  background:var(--k-zemin) !important;
  border:1px solid var(--k-cizgi-guclu) !important;
  border-radius:var(--k-kose-s) !important;
  color:var(--k-metin) !important;
  font-family:var(--k-govde) !important;
  font-size:13.5px !important;
}
/* TARAYICI OTOMATİK DOLDURMA.
   Chrome kayıtlı bir değeri doldurduğunda alana KENDİ AÇIK MAVİ zeminini
   basıyor; koyu formda beyaz bir kutu gibi duruyordu. `background` ile
   ezilemiyor (tarayıcı iç stili), bilinen çözüm devasa bir inset gölge:
   asıl zemini gölge kaplıyor. Metin rengi de -webkit-text-fill-color
   ile ayrıca verilmeli, `color` yetmiyor. */
.k-alan input:-webkit-autofill,
.k-alan input:-webkit-autofill:hover,
.k-alan input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--k-zemin) inset !important;
          box-shadow:0 0 0 1000px var(--k-zemin) inset !important;
  -webkit-text-fill-color:var(--k-metin) !important;
  caret-color:var(--k-metin);
  transition:background-color 9999s ease-in-out 0s;   /* geçiş anını gizle */
}
.k-alan input:focus,.k-alan select:focus{
  border-color:var(--k-altin) !important;
  box-shadow:0 0 0 3px var(--k-altin-sis) !important;
  outline:none !important;
}
.k-alan small{
  display:block; margin:6px 0 0;
  font-size:11.5px; color:var(--k-metin-3); line-height:1.5;
}

/* İki kısa alan yan yana — form gereksiz uzamasın */
.k-alan-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.k-alan-ikili .k-alan{ margin:0 0 16px; }
@media (max-width:400px){ .k-alan-ikili{ grid-template-columns:1fr; gap:0; } }

/* ── Onay kutuları ──────────────────────────────────────────────────────── */
.k-onay{
  margin:0 0 20px; padding:14px;
  background:var(--k-zemin);
  border:1px solid var(--k-cizgi);
  border-radius:var(--k-kose-s);
}
.k-onay label{
  display:flex; align-items:flex-start; gap:9px;
  font-size:12.5px; line-height:1.6;
  color:var(--k-metin-2); cursor:pointer;
}
.k-onay label + label{ margin-top:11px; padding-top:11px; border-top:1px solid var(--k-cizgi); }
.k-onay input[type="checkbox"]{
  flex:0 0 auto; width:16px; height:16px; margin:2px 0 0;
  accent-color:var(--k-altin); cursor:pointer;
}
.k-onay a{ color:var(--k-altin); text-decoration:underline; text-underline-offset:2px; }
.k-onay b{ color:var(--k-metin); font-weight:600; }
.k-onay em{ font-style:normal; opacity:.6; }

/* ── Gönder ─────────────────────────────────────────────────────────────── */
.k-gonder{
  display:block; width:100%;
  padding:13px 20px; min-height:46px;
  background:var(--k-altin); border:0;
  border-radius:var(--k-kose-s);
  color:#17130a;
  font-family:var(--k-govde); font-size:14.5px; font-weight:600;
  line-height:1.3; white-space:normal;   /* uzun Türkçe metin sarmalanabilsin */
  cursor:pointer;
  transition:filter .16s ease;
}
.k-gonder:hover{ filter:brightness(1.08); }

.k-form-alt{
  margin:16px 0 0; text-align:center;
  font-size:13px; color:var(--k-metin-3);
}
.k-form-alt a{ color:var(--k-altin); }

/* Şablonun sayfa gövdesine verdiği eski arka planlar bu sayfalarda çıkmasın */
body.register .content-wrapper,
body.register .slider{ background:none !important; border:0 !important; }

/* Giriş yapmış kullanıcı özeti (logins.php) */
.k-ozet{ margin:0 0 18px; }
.k-ozet dt{
  font-size:11.5px; color:var(--k-metin-3); font-weight:400;
  margin:0 0 3px;
}
.k-ozet dd{
  margin:0 0 12px; padding:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.05);
  font-size:14px; color:var(--k-metin);
}
.k-ozet dd:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0; }

/* ── Uyarı / başarı kutuları (doğrula, şifre-belirle) ───────────────────── */
.k-uyari{
  padding:11px 14px; margin:0 0 16px;
  border-radius:var(--k-kose-s);
  font-size:13px; line-height:1.6;
}
.k-uyari-hata{
  background:rgba(190,60,50,.10);
  border:1px solid rgba(190,60,50,.35);
  color:#f0b8b2;
}
.k-uyari-basari{
  background:rgba(70,150,90,.10);
  border:1px solid rgba(70,150,90,.35);
  color:#a8e0b6;
}

/* ── 6 haneli doğrulama kodu alanı ──────────────────────────────────────── */
/* Normal metin kutusundan ayrı: rakamlar aralıklı ve büyük olsun ki
   kullanıcı girdiğini tek bakışta doğrulayabilsin. */
.k-alan input.k-kod{
  font:600 26px/1 Consolas,'SF Mono',monospace !important;
  letter-spacing:10px;
  text-align:center;
  padding:14px 12px !important;
  color:var(--k-altin) !important;
}
.k-alan input.k-kod::placeholder{ letter-spacing:10px; color:#3a3a44 !important; }

/* ── "Tekrar gönder" ────────────────────────────────────────────────────── */
.k-tekrar{ margin:12px 0 0; text-align:center; }
.k-tekrar button{
  background:none; border:0; cursor:pointer;
  color:var(--k-metin-3); font-family:var(--k-govde); font-size:12.5px;
  text-decoration:underline; text-underline-offset:2px; padding:6px;
}
.k-tekrar button:hover{ color:var(--k-altin); }

.k-not{
  margin:16px 0 0; text-align:center;
  font-size:12px; line-height:1.65; color:var(--k-metin-3);
}