/* ══════════════════════════════════════════════
   PROJE TALEP FORMU — piksel tarzı form
   style.css'teki değişkenleri kullanır
   ══════════════════════════════════════════════ */

.form-alani{
  max-width:820px; margin:0 auto; padding:40px 24px 100px;
}

.form-alani h1{
  font-family:var(--head); font-size:clamp(24px,4.4vw,42px); letter-spacing:3px;
  color:var(--gold); text-align:center;
  text-shadow:0 5px 0 var(--gold-dk), 0 9px 0 var(--wood), 4px 12px 0 rgba(0,0,0,.3);
  margin-bottom:20px;
}
.form-giris{
  font-size:23px; color:#f4ecdd; text-align:center;
  background:rgba(36,26,48,.92); padding:16px 20px; margin:0 auto 30px;
  max-width:640px;
  box-shadow:0 6px 0 0 rgba(0,0,0,.2);
}

/* ─────────── bildirim (başarı/hata) ─────────── */
.bildirim{
  font-family:var(--body); font-size:22px; line-height:1.4;
  padding:16px 20px; margin-bottom:26px; text-align:center;
  border:var(--px) solid var(--night);
  box-shadow:0 6px 0 0 rgba(0,0,0,.25);
}
.bildirim.ok{ background:#c6e9c0; color:#1c3a18; }
.bildirim.hata{ background:#ffb4a8; color:#3a1410; }

/* ─────────── bölümler ─────────── */
.talep-form{ display:flex; flex-direction:column; gap:26px; }

.bolum{
  border:var(--px) solid #3f3050;
  background:rgba(36,26,48,.86);
  padding:22px 22px 8px;
  box-shadow:0 8px 0 0 rgba(0,0,0,.22);
}
.bolum legend{
  font-family:var(--head); font-size:13px; letter-spacing:2px;
  color:var(--gold); padding:8px 14px; background:var(--night);
  box-shadow:0 4px 0 0 #120c1c;
  display:flex; align-items:center; gap:10px;
}
.bolum legend .no{
  display:inline-grid; place-items:center; width:26px; height:26px;
  background:var(--gold); color:var(--night);
  font-size:13px; box-shadow:0 3px 0 0 var(--gold-dk);
}

/* ─────────── alanlar ─────────── */
.alan{ display:block; margin:18px 0; }
.etiket{
  display:block; font-family:var(--head); font-size:11px; letter-spacing:1px;
  color:var(--cream); margin-bottom:4px;
}
.etiket b{ color:#ff8f7a; }
.ipucu{
  display:block; font-size:18px; color:#c8bfd6; margin-bottom:8px; line-height:1.25;
}

input[type=text], input[type=email], input[type=tel], input[type=date],
textarea{
  width:100%; font-family:var(--body); font-size:21px; color:var(--night);
  background:var(--cream); border:var(--px) solid var(--night);
  padding:10px 12px; box-shadow:inset 0 2px 0 0 rgba(0,0,0,.12);
}
textarea{ resize:vertical; min-height:56px; }
input:focus, textarea:focus{
  outline:none; box-shadow:0 0 0 var(--px) var(--gold), inset 0 2px 0 0 rgba(0,0,0,.12);
}
input:invalid:not(:placeholder-shown){ background:#ffe6e0; }

/* ─────────── seçenekler (checkbox / radio) ─────────── */
.secenekler{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:8px;
}
.secenekler.tekli{ grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); }
.secim{
  display:flex; align-items:center; gap:9px;
  font-size:20px; color:#f4ecdd; cursor:pointer;
  background:var(--panel-2); padding:9px 12px;
  box-shadow:0 3px 0 0 #120c1c;
}
.secim:hover{ background:#463659; }
.secim input{ width:18px; height:18px; accent-color:#c08d22; flex:0 0 auto; }

/* dosya */
input[type=file]{
  width:100%; font-family:var(--body); font-size:19px; color:var(--cream);
  background:var(--panel-2); border:var(--px) dashed var(--wood-lt);
  padding:14px; cursor:pointer;
}
input[type=file]::file-selector-button{
  font-family:var(--head); font-size:10px; letter-spacing:1px;
  color:var(--night); background:var(--gold); border:none;
  padding:10px 14px; margin-right:12px; cursor:pointer;
  box-shadow:0 4px 0 0 var(--gold-dk);
}
.dosya-liste{ display:block; margin-top:10px; font-size:19px; color:#c6e9c0; }
.dosya-liste.asim{ color:#ff8f7a; }

/* onay */
.onay{ display:flex; align-items:flex-start; gap:12px; }
.onay input{ width:22px; height:22px; margin-top:3px; accent-color:#c08d22; flex:0 0 auto; }
.onay span{ font-size:20px; color:#f4ecdd; line-height:1.3; }
.onay b{ color:#ff8f7a; }

/* gönder */
.gonder-btn{
  font-family:var(--head); font-size:14px; letter-spacing:2px;
  color:var(--night); background:var(--gold); border:none;
  padding:20px 28px; cursor:pointer; align-self:center;
  box-shadow:0 7px 0 0 var(--gold-dk);
  transition:transform .08s steps(2);
}
.gonder-btn:hover{ transform:translateY(-4px); }
.gonder-btn:active{ transform:translateY(4px); box-shadow:0 3px 0 0 var(--gold-dk); }
.gonder-btn:disabled{ opacity:.6; cursor:wait; transform:none; }
.zorunlu-not{ text-align:center; font-size:18px; color:#c8bfd6; margin-top:2px; }
.zorunlu-not b{ color:#ff8f7a; }

/* bot tuzağı — gizli */
.hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }

@media (max-width:560px){
  .form-alani{ padding:24px 14px 70px; }
  .form-giris{ font-size:20px; }
  .secenekler{ grid-template-columns:1fr; }
}