/* Arı Psikoloji — Form Modalı CSS (Survivor Dijital / srvvr-ari)
 *
 * Yalnızca modal kabuğu: overlay, kart, kapatma, adım geçişleri, seçim adımı.
 * Alan/buton/başarı stilleri form-base.css içindedir (modal onu bağımlılık olarak yükler).
 */

.ari-modal-root .ari-modal-overlay{position:fixed;inset:0;background:rgba(18,20,16,.5);backdrop-filter:blur(3px);z-index:99990;opacity:0;pointer-events:none;transition:opacity .28s ease}
.ari-modal-root .ari-modal{position:fixed;inset:0;z-index:99991;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .28s ease;font-family:var(--font-body);color:var(--c-text)}
.ari-modal-root.open .ari-modal-overlay{opacity:1;pointer-events:auto}
.ari-modal-root.open .ari-modal{opacity:1;pointer-events:auto}

.ari-modal-root .ari-modal-card{position:relative;background:var(--c-cream);border-radius:18px;width:min(94vw,500px);max-height:92vh;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.32);transform:translateY(14px) scale(.98);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.ari-modal-root.open .ari-modal-card{transform:none}

.ari-modal-root .ari-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#3a423a}

/* Modal içi başlık bloğu (taban stilin üzerine) */
.ari-modal-root .ari-form-head{background:var(--c-cream);border-radius:18px 18px 0 0}

/* ---------- Adım görünürlükleri ---------- */
.ari-modal-root .ari-form-view{display:none;max-height:92vh;overflow-y:auto;background:var(--c-cream);scrollbar-width:thin;scrollbar-color:var(--c-soft) transparent}
.ari-modal-root .ari-form-view::-webkit-scrollbar{width:9px}
.ari-modal-root .ari-form-view::-webkit-scrollbar-track{background:transparent;margin:10px 0}
.ari-modal-root .ari-form-view::-webkit-scrollbar-thumb{background:var(--c-soft);border-radius:20px;border:2px solid var(--c-bg)}
.ari-modal-root.is-form .ari-form-view{display:block}
.ari-modal-root.is-form .ari-choice-view{display:none}

.ari-modal-root.sent .ari-form-view,
.ari-modal-root.sent .ari-choice-view{display:none}
.ari-modal-root.sent .ari-form-success{display:block}

/* ---------- Seçim adımı ---------- */
.ari-modal-root .ari-choice-view{background:var(--c-bg)}
.ari-modal-root .ari-choice-opts{padding:24px 30px 30px;display:flex;flex-direction:column;gap:14px}
.ari-modal-root .ari-choice{display:flex;align-items:center;gap:16px;width:100%;text-align:left;text-decoration:none;border-radius:14px;padding:18px 20px;cursor:pointer;font-family:var(--font-body);border:1.5px solid var(--c-line);background:var(--c-bg);transition:border-color .2s,box-shadow .2s}
.ari-modal-root .ari-choice-wa{background:#f0faf4;border-color:#b9e6cb}
.ari-modal-root .ari-choice-wa:hover{border-color:#12a85f;box-shadow:0 8px 22px rgba(18,168,95,.16)}
.ari-modal-root .ari-choice-form:hover{border-color:var(--c-primary);box-shadow:0 8px 22px rgba(20,18,16,.12)}
.ari-modal-root .ari-choice-ic{flex:none;width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center}
.ari-modal-root .ari-choice-ic-wa{background:#12a85f}
.ari-modal-root .ari-choice-ic-form{background:var(--c-soft);color:var(--c-ink-accent)}
.ari-modal-root .ari-choice-txt{flex:1;min-width:0}
.ari-modal-root .ari-choice-t{display:block;font-weight:700;font-size:16px;color:var(--c-ink)}
.ari-modal-root .ari-choice-d{display:block;font-size:13px;color:var(--c-text-soft);margin-top:2px}
.ari-modal-root .ari-choice-arr{flex:none;stroke:var(--c-primary)}
.ari-modal-root .ari-choice-wa .ari-choice-arr{stroke:#12a85f}

.ari-modal-root .ari-form-back{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin-bottom:14px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--c-text-soft)}