/*
 * Adım adım form — public/js/form-adimlari.js ile.
 * Bölümler yalnızca betik çalışınca (.adimli-aktif) gizlenir.
 */

.adim-gostergesi {
    display: flex; gap: 6px; list-style: none;
    margin: 0 0 18px; padding: 0;
    counter-reset: adim;
}
.adim-gostergesi li { flex: 1 1 0; min-width: 0; }
.adim-gostergesi button {
    position: relative; width: 100%;
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px 14px;
    background: none; border: 0; cursor: pointer;
    font: inherit; font-size: 13px; font-weight: 600; text-align: left;
    color: var(--metin-silik, #94a3b8);
}
.adim-gostergesi button::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
    border-radius: 999px; background: var(--kenar, #e6e4dc);
    transition: background .2s;
}
.adim-gostergesi .adim-no {
    flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%;
    display: grid; place-items: center;
    border: 1.5px solid var(--kenar, #e6e4dc); background: #fff;
    font-size: 12.5px; font-weight: 700;
}
.adim-gostergesi .adim-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adim-gostergesi button.aktif { color: var(--metin, #14161c); }
.adim-gostergesi button.aktif::after { background: var(--altin, #a8842f); }
.adim-gostergesi button.aktif .adim-no { border-color: var(--altin, #a8842f); color: var(--altin-koyu, #7d611e); }
.adim-gostergesi button.tamam { color: var(--metin-yumusak, #5b6070); }
.adim-gostergesi button.tamam::after { background: #d9c48d; }
.adim-gostergesi button.tamam .adim-no {
    border-color: var(--altin, #a8842f); background: var(--altin, #a8842f); color: #fff;
    font-size: 0;
}
.adim-gostergesi button.tamam .adim-no::before { content: '✓'; font-size: 13px; }
.adim-gostergesi button:focus-visible { outline: 2px solid var(--altin, #a8842f); outline-offset: 2px; border-radius: 8px; }

.adimli-aktif [data-adim]:not(.adim-acik),
.adimli-aktif [data-adim-son]:not(.adim-acik) { display: none; }
[data-adim] h2:focus, [data-adim] h3:focus { outline: none; }

.adim-gezinti {
    display: flex; justify-content: space-between; gap: 10px;
    margin-top: 24px; padding-top: 18px;
    border-top: 1px solid var(--kenar-yumusak, #f0eee5);
}
.adim-gezinti .btn-altin:only-child { margin-left: auto; }

.adim-uyari {
    margin-top: 18px; padding: 10px 14px; border-radius: 10px;
    background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;
    font-size: 13px; font-weight: 500;
}

@media (max-width: 640px) {
    .adim-gostergesi .adim-ad { display: none; }
    .adim-gostergesi button { justify-content: center; }
    .adim-gostergesi button.aktif .adim-ad { display: inline; }
}