/* ==========================================================================
   ELT İletişim Formu — ön yüz

   Renk ve ölçüler temanın (meridyen) CSS değişkenlerinden okunur; değişken
   yoksa (başka tema) yanındaki yedek değer kullanılır. Böylece form temanın
   diğer formlarıyla (info-form, cf7.css) aynı dilde görünür, ama temaya
   bağımlı değildir.
   ========================================================================== */

.eltif{
  background:var(--bg-soft,#f7f5f0);
  border-radius:var(--radius-lg,16px);
  box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.08));
  padding:clamp(1.25rem,3vw,2rem);
  margin:0 0 1.5rem;
}

.eltif-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem 1.15rem;
  align-items:start;
}
.eltif-form>*{grid-column:1/-1;min-width:0}
.eltif-form>.eltif-field--half{grid-column:span 1}
/* Tema içerik alanında p'lere alt boşluk veriyor; ızgara boşluğuyla üst üste binmesin. */
.eltif-form p{margin:0}

/* Bal küpü: ekran dışı (display:none botlarca atlanır). */
.eltif-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Etiket ------------------------------------------------------- */
.eltif-label{
  display:block;
  margin:0 0 .4rem;
  padding:0;
  font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--navy,#2b3d66);
}
.eltif-req{color:var(--red,#ca2628)}

/* ---------- Metin alanları ---------------------------------------------- */
.eltif-control{
  display:block;
  width:100%;
  box-sizing:border-box;
  background-color:#fff;
  color:var(--ink,#1a1f2e);
  border:1px solid var(--line,#dfe3ea);
  border-radius:var(--radius-sm,8px);
  padding:.78rem .95rem;
  font:inherit;
  font-size:.95rem;font-weight:500;line-height:1.4;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.eltif-control::placeholder{color:var(--muted,#6b7280);opacity:1}
.eltif-control:focus{
  outline:none;
  border-color:var(--navy,#2b3d66);
  box-shadow:0 0 0 3px var(--navy-50,rgba(43,61,102,.12));
}
textarea.eltif-control{height:150px;min-height:110px;resize:vertical}
select.eltif-control{
  appearance:none;-webkit-appearance:none;
  padding-right:2.6rem;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%232b3d66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1rem center;
  background-size:14px 9px;
}

/* ---------- Seçim kutuları → chip ---------------------------------------- */
.eltif-group{border:0;margin:0;padding:0;min-width:0}
.eltif-choices{display:flex;flex-wrap:wrap;gap:.5rem}
.eltif-check{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;
  border:1px solid var(--line,#dfe3ea);
  border-radius:var(--radius-pill,999px);
  padding:.5rem .9rem;
  font-size:.88rem;font-weight:600;line-height:1.2;
  color:var(--ink,#1a1f2e);
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.eltif-check:hover{border-color:var(--navy,#2b3d66)}
.eltif-check:has(:checked){
  border-color:var(--navy,#2b3d66);
  background:var(--navy-50,rgba(43,61,102,.08));
  color:var(--navy,#2b3d66);
  box-shadow:inset 0 0 0 1px var(--navy,#2b3d66);
}
.eltif-check input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--navy,#2b3d66);cursor:pointer}

/* Onay (KVKK) kutusu chip değil, düz satır. */
.eltif-check--plain,
.eltif-check--plain:hover,
.eltif-check--plain:has(:checked){
  display:flex;align-items:flex-start;
  border:0;background:none;box-shadow:none;border-radius:0;padding:0;
  font-weight:500;font-size:.85rem;line-height:1.45;
  color:var(--muted,#6b7280);
}
.eltif-check--plain input{margin-top:.15rem}
.eltif-check--plain a{color:var(--navy,#2b3d66);text-decoration:underline}

/* ---------- Gönder ------------------------------------------------------- */
.eltif-actions{margin-top:.4rem}
.eltif-submit{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--red,#ca2628);color:#fff;
  border:0;border-radius:var(--radius-pill,999px);
  padding:.85rem 2.2rem;
  font:inherit;
  font-size:.95rem;font-weight:700;line-height:1;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease,opacity .2s ease;
}
.eltif-submit:hover{background:var(--red-600,#a81e20);transform:translateY(-1px)}
.eltif-submit:disabled{opacity:.55;cursor:progress;transform:none}

/* ---------- Doğrulama / yanıt -------------------------------------------- */
.eltif-error{
  margin:.4rem 0 0!important;
  color:var(--red-600,#a81e20);
  font-size:.82rem;font-weight:600;line-height:1.35;
}
.eltif-error[hidden],.eltif-response[hidden]{display:none}
.eltif-field.is-invalid .eltif-control{
  border-color:var(--red,#ca2628);
  box-shadow:0 0 0 3px rgba(202,38,40,.12);
}

.eltif-response{
  padding:.8rem 1.05rem;
  border:1px solid var(--line,#dfe3ea);
  border-radius:var(--radius-sm,8px);
  font-size:.92rem;font-weight:600;line-height:1.45;
}
.eltif-response.is-success{border-color:rgba(26,166,75,.35);background:rgba(26,166,75,.09);color:#0a7d33}
.eltif-response.is-error{border-color:#f6c5cb;background:#fdecee;color:var(--red-600,#a81e20)}

/* ---------- Dar ekran ---------------------------------------------------- */
@media (max-width:640px){
  .eltif-form{grid-template-columns:minmax(0,1fr)}
  .eltif-form>.eltif-field--half{grid-column:1/-1}
  .eltif-submit{width:100%}
}