/* Arı Psikoloji — Form Taban CSS (Survivor Dijital / srvvr-ari)
 *
 * Bu dosya hem modal hem gömülü form tarafından kullanılır.
 * Kapsam sınıfı: .ari-form-scope  (modal kökü ve gömülü form sarmalayıcısı taşır)
 *
 * SÖZLEŞME: Aşağıdaki sınıf adları sayfalarda/temada referans alınmış olabilir,
 * yeniden adlandırılmamalıdır: ari-form, ari-field, ari-row, ari-fld, ari-req,
 * ari-opt, ari-seg, ari-kvkk, ari-form-err, ari-form-submit, ari-form-success.
 */

.ari-form-scope{
  --c-bg:#ffffff;
  --c-cream:#fbf3e3;
  --c-primary:#FBB847;
  --c-on-primary:#141210;
  --c-ink:#1c1813;
  --c-ink-accent:#141210;
  --c-text:#33302a;
  --c-text-soft:#6f685d;
  --c-muted:#9a9285;
  --c-soft:#fde2b4;
  --c-line:#e7ddcb;
  --font-head:'Lora',serif;
  --font-body:'Mulish',sans-serif;
}
.ari-form-scope *{box-sizing:border-box}

/* ---------- Başlık bloğu ---------- */
.ari-form-scope .ari-form-head{padding:30px 30px 24px}
.ari-form-scope .ari-form-badge{display:inline-flex;align-items:center;gap:7px;background:var(--c-soft);color:var(--c-ink);font-size:11px;font-weight:800;letter-spacing:.7px;padding:6px 12px;border-radius:30px}
.ari-form-scope .ari-form-title{font-family:var(--font-head);font-size:26px;font-weight:600;color:var(--c-ink);margin:14px 0 0;line-height:1.2}
.ari-form-scope .ari-form-intro{font-size:14px;color:var(--c-text-soft);line-height:1.6;margin:8px 0 0}

/* ---------- Form gövdesi ---------- */
.ari-form-scope .ari-form{padding:24px 30px 30px;display:flex;flex-direction:column;gap:16px;background:var(--c-bg);font-family:var(--font-body);color:var(--c-text)}
.ari-form-scope .ari-fieldset{border:none;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:16px}
.ari-form-scope .ari-fieldset[hidden]{display:none}

.ari-form-scope .ari-fld{display:block;font-size:13px;font-weight:700;color:var(--c-text);margin-bottom:7px}
.ari-form-scope .ari-req{color:#c0492f}
.ari-form-scope .ari-opt{color:var(--c-muted);font-weight:600}
.ari-form-scope .ari-row{display:flex;gap:14px;flex-wrap:wrap}
.ari-form-scope .ari-row>div{flex:1;min-width:180px}

.ari-form-scope .ari-field{width:100%;padding:13px 14px;border:1.5px solid var(--c-line);border-radius:10px;font-family:var(--font-body);font-size:15px;color:var(--c-text);background:var(--c-bg);outline:none;transition:border-color .16s,box-shadow .16s}
.ari-form-scope .ari-field:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-soft)}
.ari-form-scope .ari-field::placeholder{color:var(--c-muted)}
.ari-form-scope textarea.ari-field{resize:none}
.ari-form-scope select.ari-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8f84' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}

/* ---------- Segment (ikili buton) ---------- */
.ari-form-scope .ari-seg-row{display:flex;gap:10px;flex-wrap:wrap}
.ari-form-scope .ari-seg{flex:1;min-width:120px;cursor:pointer;position:relative;margin:0}
.ari-form-scope .ari-seg input{position:absolute;opacity:0;pointer-events:none}
.ari-form-scope .ari-seg > span{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border:1.5px solid var(--c-line);border-radius:10px;font-weight:600;font-size:14.5px;color:var(--c-text-soft);transition:all .15s}
.ari-form-scope .ari-seg input:checked + span{border-color:var(--c-primary);background:var(--c-soft);color:var(--c-ink);font-weight:700}

/* ---------- Honeypot ---------- */
.ari-form-scope .ari-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Onay (KVKK) ---------- */
.ari-form-scope .ari-kvkk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--c-text-soft);line-height:1.5;cursor:pointer;margin:0}
.ari-form-scope .ari-kvkk input{margin-top:2px;width:17px;height:17px;accent-color:var(--c-primary);flex:none}

/* ---------- Hata ---------- */
.ari-form-scope .ari-form-err{display:none;align-items:center;gap:8px;background:#fbeae6;color:#9a3520;border-radius:9px;padding:11px 13px;font-size:13px;font-weight:600}
.ari-form-scope .ari-form-err.show{display:flex}

/* ---------- Gönder ---------- */
.ari-form-scope .ari-form-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--c-primary);color:var(--c-on-primary);padding:16px;border:none;border-radius:11px;font-family:var(--font-body);font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 20px rgba(20,18,16,.18)}
.ari-form-scope .ari-form-submit svg{stroke:var(--c-on-primary)}
.ari-form-scope .ari-form-submit[disabled]{opacity:.65;cursor:default}
.ari-form-scope .ari-form-priv{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--c-muted);margin-top:-2px}

/* ---------- Başarı ---------- */
.ari-form-scope .ari-form-success{display:none;padding:48px 34px;text-align:center;background:var(--c-bg)}
.ari-form-scope .ari-success-ic{width:74px;height:74px;border-radius:50%;background:var(--c-soft);display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--c-ink-accent)}
.ari-form-scope .ari-form-success h3{font-family:var(--font-head);font-size:25px;font-weight:600;color:var(--c-ink);margin:22px 0 0}
.ari-form-scope .ari-form-success p{font-size:14.5px;color:var(--c-text-soft);line-height:1.65;margin:10px auto 0;max-width:360px}
.ari-form-scope .ari-ok-btn{margin-top:26px;background:var(--c-primary);color:var(--c-on-primary);padding:14px 34px;border:none;border-radius:11px;font-family:var(--font-body);font-weight:700;font-size:15.5px;cursor:pointer}

/* ---------- Gömülü (inline) form ---------- */
.ari-embed{background:var(--c-bg);border:1px solid var(--c-line);border-radius:16px;overflow:hidden}
.ari-embed .ari-embed-head{padding:26px 28px 0}
.ari-embed .ari-form{padding:24px 28px 28px}
.ari-embed.sent .ari-form,
.ari-embed.sent .ari-embed-head{display:none}
.ari-embed .ari-form-success{display:none}
.ari-embed.sent .ari-form-success{display:block}