/* ===== Form sayfaları: ilan-ver, giriş, kayıt ===== */

.form-alert{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border-radius:14px;
  font-size:13.5px;
  line-height:1.6;
  margin-bottom:24px;
}
.form-alert.success{background:#eafaf0;color:#0a6b3a;border:1px solid #b9ecce;}
.form-alert.error{background:#fdecec;color:#a5231f;border:1px solid #f6c6c4;}
.form-alert i{margin-top:2px;}
.form-alert ul{margin:0;padding-left:18px;}

.listing-form,
.auth-form{
  display:flex;
  flex-direction:column;
  gap:18px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:20px;
  padding:32px;
  box-shadow:var(--shadow);
}

.form-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.form-row{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.form-row label{
  font-size:12.5px;
  font-weight:600;
  color:var(--ink);
}
.form-row input,
.form-row select,
.form-row textarea{
  font-family:inherit;
  font-size:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:10px;
  outline:none;
  background:var(--white);
  color:var(--black);
  transition:border-color .2s;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{border-color:var(--black);}
.form-row textarea{resize:vertical;min-height:90px;}
.form-hint{font-size:11.5px;color:var(--gray-light);}

/* Cloudflare Turnstile widget'ı dar ekranlarda taşmasın - sabit ~300px genişliği
   var, form padding'i düşünce mobilde taşabiliyordu. Kendi içinde scroll alsın,
   sayfa genelinde yatay kaymaya asla sebep olmasın. */
.ts-wrap{
  max-width:100%;
  overflow-x:auto;
  display:flex;
  justify-content:center;
}
.ts-wrap .cf-turnstile{flex-shrink:0;}

.form-row-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.form-checkbox{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--gray);
  cursor:pointer;
}
.form-checkbox input{width:16px;height:16px;accent-color:var(--black);cursor:pointer;}
.form-link-small{font-size:13px;color:var(--ink);font-weight:600;}
.form-link-small:hover{text-decoration:underline;}

.gallery-manage-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(90px,1fr));
  gap:10px;
}
.gallery-manage-item{
  display:flex;
  flex-direction:column;
  gap:6px;
  cursor:pointer;
}
.gallery-manage-item img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--line);
}
.gallery-manage-item span{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  color:#c0392b;
}

.auth-form{max-width:420px;margin:0 auto;}
.auth-switch{
  text-align:center;
  font-size:13px;
  color:var(--gray);
  margin-top:18px;
}
.auth-switch a{font-weight:600;color:var(--black);}

@media (max-width:640px){
  .form-grid-2{grid-template-columns:1fr;}
  .listing-form,.auth-form{padding:22px;}
}