/* 2026-09-09 / Madde 37: Yeni (wizard) üyelik sayfası — /uyelik/yeni-uye
   Alan (input) stilleri register.css'ten yeniden kullanılır; bu dosya yalnız wizard "chrome"u
   (ilerleme çubuğu, adımlar, tip kartları, canlı şifre kuralları, navigasyon) içindir. */

.wiz { max-width: 720px; margin: 0 auto 40px; }   /* alt boşluk: butonlar footer'a yapışmasın */

.wiz-hide { display: none !important; }

/* ── İlerleme çubuğu ─────────────────────────────────────────── */
.wiz-progress {
    display: flex;
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    counter-reset: step;
}
.wiz-progress__item {
    flex: 1 1 0;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #9aa4b2;
    font-weight: 600;
}
.wiz-progress__item::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -50%;
    width: 100%;
    height: 3px;
    background: #e5e9f0;
    z-index: 0;
}
.wiz-progress__item:first-child::before { display: none; }
.wiz-progress__num {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 auto 6px;
    border-radius: 50%;
    background: #e5e9f0;
    color: #6b7280;
    font-size: 15px;
    font-weight: 700;
    transition: background .25s, color .25s;
}
.wiz-progress__label { display: block; padding: 0 4px; }
.wiz-progress__item.is-active .wiz-progress__num { background: #006fba; color: #fff; }
.wiz-progress__item.is-active { color: #006fba; }
.wiz-progress__item.is-done .wiz-progress__num { background: #10b981; color: #fff; }
.wiz-progress__item.is-done::before { background: #10b981; }
.wiz-progress__item.is-active::before { background: #006fba; }

/* ── Adımlar ─────────────────────────────────────────────────── */
.wiz-step { display: none; }
.wiz-step.is-active { display: block; animation: wizFade .28s ease; }
@keyframes wizFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.wiz-step-title {
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
    margin: 18px 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e9f0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.wiz-step-title i { color: #006fba; }
.wiz-step-title:first-child { margin-top: 0; }

/* ── Tip kartları (bireysel / ticari) ────────────────────────── */
.wiz-typecards {
    display: flex;
    gap: 14px;
    margin-bottom: 6px;
}
.wiz-typecard {
    flex: 1 1 0;
    border: 2px solid #e5e9f0;
    border-radius: 12px;
    padding: 18px 14px;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s, transform .1s;
    background: #fff;
}
.wiz-typecard i { font-size: 30px; margin-bottom: 8px; display: block; }

/* Bireysel = mavi, Ticari = kırmızı (hesap tipi görsel ayrımı) */
#bireyselUyelik i { color: #006fba; }
#bireyselUyelik:hover { border-color: #7fb8dd; box-shadow: 0 4px 14px rgba(0,111,186,.10); }
#bireyselUyelik.is-selected { border-color: #006fba; box-shadow: 0 4px 16px rgba(0,111,186,.16); }
#ticariUyelik i { color: #e30613; }
#ticariUyelik:hover { border-color: #f4a6ab; box-shadow: 0 4px 14px rgba(227,6,19,.08); }
#ticariUyelik.is-selected { border-color: #e30613; box-shadow: 0 4px 16px rgba(227,6,19,.14); }
.wiz-typecard h5 { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: #1f2937; }
.wiz-typecard p { margin: 0; font-size: 12px; color: #6b7280; line-height: 1.45; }

/* 2026-09-10 / Madde 10: şifre-sıfırla + üyelik-bilgilerini-hatırlat — kartlar + aksiyon + açıklama
   TEK ORTALI kolonda, wizard benzeri bütünlüklü çerçevelerle. (Yan yana %75/25 denendi ama açıklama
   kartlardan/formdan kopuk, aksiyon uzak/ilgisiz görünüyordu.) Yalnız `.reg-split` (bu iki sayfa)
   etkilenir — base `.form-outer.smaller` flex-wrap'i override edilir; eski /uye-ol dokunulmaz.
   flex-column + `order` ile sıra: kartlar → aksiyon (kartlara yakın) → açıklama. */
#register > #divRegister > .form-outer.smaller.reg-split {
    display: flex;
    flex-direction: column;
    max-width: 620px;
    margin: 0 auto;
}
.form-outer.smaller.reg-split > .wiz-typecards {
    order: 1; flex: 0 0 auto;
    display: flex; gap: 14px; margin: 2px 0 16px;
}
/* Aksiyon çerçevesi (form): wizard dili — yuvarlak köşe, yumuşak gölge, kartlara yakın, ortalı.
   Not: base `#register > #divRegister > .form-outer.smaller > .form-data-outer` 2 ID'li olduğundan
   override'lar (max-width/margin/flex) ID-önekiyle yazılmalı, yoksa base kazanır (form dar kalır). */
#register > #divRegister > .form-outer.smaller.reg-split > .form-data-outer {
    order: 2; flex: 0 0 auto;
    max-width: none; width: 100%; margin: 0 0 16px;
    border: 1px solid #e5e9f0; border-radius: 12px;
    box-shadow: 0 4px 16px rgba(17,24,39,.06);
    padding: 22px 22px 38px;
}
/* Açıklama(lar) kartların ÜSTÜNDE (order:0), geniş yatay şerit, tam kolon genişliği (base max-width:425
   kaldırıldı — ID-önekiyle). */
#register > #divRegister > .form-outer.smaller.reg-split > .signup-form-info-wrap {
    order: 0; flex: 0 0 auto; max-width: none; width: 100%; margin: 0 0 16px;
}
/* Tip seçilmeden aksiyon çerçevesini TAMAMEN gizle (visibility:hidden yer tutuyordu). */
#register > #divRegister > .form-outer.smaller.reg-split > .form-data-outer.invis-wrapper { display: none; }
/* Bilgi şeritleri: hafif zemin + yuvarlak, yatay (ikon + metin); başlık gizli, yalnız açıklama metni. */
.reg-split .signup-form-info-wrap > .user-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f1f6fb;
    color: #334155;
    border: 1px solid #dbe7f2;
    border-left: 4px solid #006fba;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 0 0 10px;
    box-shadow: none;
}
.reg-split .signup-form-info-wrap > .user-notice:last-child { margin-bottom: 0; }
.reg-split .signup-form-info-wrap > .user-notice > i {
    color: #006fba; font-size: 24px; padding: 0; flex: 0 0 auto;
}
.reg-split .signup-form-info-wrap > .user-notice > .notice-text { display: block; }
.reg-split .signup-form-info-wrap > .user-notice > .notice-text > p { display: none; } /* başlık gizli */
.reg-split .signup-form-info-wrap > .user-notice > .notice-text > span {
    color: #334155; font-size: 13.5px; font-weight: 500; line-height: 1.5;
}
.reg-split .signup-form-info-wrap > .user-notice > .notice-text > span > a {
    color: #006fba; font-weight: 700; text-decoration: underline;
}

@media (max-width: 640px) {
    .wiz-typecards { flex-direction: column; }
    .wiz-progress__label { font-size: 11px; }
}

/* ── Alan aralığı ────────────────────────────────────────────── */
.wiz-field { margin-bottom: 14px; }
.wiz-field > label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 5px;
}
.wiz-field .req { color: #e30613; }
.wiz-field .form-input,
.wiz-field textarea,
.wiz-field .form-select {
    width: 100%;
}
.wiz-field.field-error .form-input,
.wiz-field.field-error textarea,
.wiz-field.field-error .form-select { border-color: #e30613; }
.wiz-field .reg-alert { color: #e30613; font-size: 12px; display: block; margin-top: 4px; }
.wiz-hint { font-size: 12px; color: #9aa4b2; margin: 2px 0 0; }

/* ── Canlı şifre kuralları ───────────────────────────────────── */
.wiz-passrules {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 6px 0 2px;
    padding: 0;
    list-style: none;
}
.wiz-passrules li {
    font-size: 12px;
    color: #9aa4b2;
    display: flex;
    align-items: center;
    gap: 5px;
}
.wiz-passrules li::before {
    content: "\f111"; /* fa circle */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 8px;
}
.wiz-passrules li.ok { color: #10b981; }
.wiz-passrules li.ok::before { content: "\f058"; /* fa check-circle */ font-size: 12px; }

/* ── Navigasyon ──────────────────────────────────────────────── */
.wiz-nav {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
}
.wiz-nav.is-end { justify-content: flex-start; }
.wiz-btn {
    border: 0;
    border-radius: 8px;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s, background .2s;
}
.wiz-btn-next { background: #006fba; color: #fff; margin-left: auto; }
.wiz-btn-next:hover { background: #005c9c; }
.wiz-btn-prev { background: #eaf3fa; color: #006fba; }
.wiz-btn-prev:hover { background: #d8e9f5; }

.wiz-optional { color: #9aa4b2; font-size: 11px; font-weight: 400; }

/* E-posta doğrulama kod bloğu (eski sayfadaki inline stillerin CSS karşılığı) */
.wiz-code-title { text-align: center; }
.wiz-code-confirm-txt { color: #fff; }

/* Doğrulama kodu giriş alanını bir kutuda topla (boşta durmasın) */
#divEnterCode:not(.hidden) {
    border: 1px solid #d8e0ea;
    border-radius: 12px;
    padding: 22px 20px;
    background: #f8fafc;
    margin-top: 16px !important;
    text-align: center;
}
#divEnterCode .form-row.fieldset {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 14px 0;
}
#divEnterCode .box { margin: 0; }

.countdown-timer { text-align: center; margin-top: 12px; font-size: 13px; color: #6b7280; }
.countdown-timer .time { font-weight: 700; color: #1f2937; }
.countdown-timer .expired { color: #e30613; font-weight: 600; }
.resend-code-wrap { margin-top: 10px; }

/* Başarı paneli (e-posta doğrulandıktan sonra) */
.wiz-success { text-align: center; padding: 40px 20px; }
.wiz-success i.fa-check-circle { font-size: 56px; color: #10b981; display: block; margin-bottom: 14px; }
.wiz-success h3 { font-size: 20px; font-weight: 700; color: #1f2937; margin: 0 0 8px; }
.wiz-success p { font-size: 14px; color: #6b7280; margin: 0 0 16px; }
.wiz-success-note {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412 !important;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px !important;
    max-width: 460px;
    margin: 0 auto 16px !important;
}
.wiz-success-note i { color: #ea580c; margin-right: 6px; }
.wiz-success-spin i { font-size: 22px; color: #006fba; }

/* KVKK / onay bloğu */
.wiz-consent { margin-top: 8px; }
.wiz-legal-note { font-size: 11px; color: #9aa4b2; line-height: 1.5; margin-top: 14px; }
.wiz-legal-note a { color: #6b7280; text-decoration: underline; }