/* ══════════════════════════════════════════════════════════════════════════
   ÜYE FORMLARI — ORTAK GÖRÜNÜM  (19.08.2026)
   Kullananlar: /uyelik (register.php) · /uye-girisi (login.php)
   ⛔ TEK KAYNAK: iki sayfaya AYRI AYRI CSS yazmayın; burada değiştirin.
      (Bu kod tabanında kopyalanan her kural er ya da geç birinde eskiyor.)
   ⛔ Sürüm etiketi `?v=` ile gelir; dosya değişince müşteri eskisini koşmaz.
   ══════════════════════════════════════════════════════════════════════════ */
/* ══════════════════════════════════════════════════════════════════
   ÜYELİK KARTI (.akr) — 19.08.2026, Fatih: "sade şık bir sayfa yap".
   Bu blok YALNIZ üyelik sayfasında yüklenir; giriş/hesap sayfaları
   global CSS ile aynen kalır.

   ⛔⛔⛔ YAZI TİPİ: sitenin fontu Varela Round ve SADECE 400 ağırlığı var
      (ölçüldü: canvas'ta 400 ile 700 genişliği birebir aynı). Kalın
      istenince tarayıcı harfleri şişirip SAHTE KALIN üretiyor, yazı
      "gölgeli/puslu" görünüyordu. Kalın gereken her yerde DM Sans 600
      kullanılır — ⛔ DM Sans'ta 700 YOK, yazarsanız pus geri gelir.
   ⛔ Alan kutularında `!important` şart: global CSS'te daha güçlü
      kurallar var (köşeler 0px'e, yazı 14px'e dönüyordu).
   ══════════════════════════════════════════════════════════════════ */
.users_main_div { background:#f5f7f9 !important; }
.user_login_register_div { max-width:620px; margin:18px auto 26px !important; display:block !important; }
.user_page_header { display:none !important; }

.akr { width:100% !important; padding:24px 26px !important; background:#fff;
    border:1px solid #e9edf1 !important; border-radius:18px !important;
    box-shadow:0 6px 26px rgba(20,40,60,.07) !important;
    font-family:"DM Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif; }
.akr h1, .akr label, .akr button, .akr .akr-grup, .akr .ak-faaliyet-text, .akr .akr-alt,
.akr input, .akr select, .akr .custom-control-label, .akr .ak-google-btn {
    font-family:"DM Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif !important; }

.akr-bas { text-align:center; margin-bottom:12px; }
.akr-bas h1 { font-size:22px; font-weight:600 !important; color:#0f172a; margin:0 0 4px; letter-spacing:-.2px; }
.akr-bas p  { font-size:13px; color:#7c8798; margin:0; }

.akr .ak-google-btn { padding:12px 18px !important; font-size:15.5px !important; font-weight:600 !important;
    border:1px solid #dbe1e8 !important; border-radius:12px !important;
    box-shadow:0 1px 3px rgba(20,40,60,.07) !important; color:#1f2937 !important; }
.akr .ak-google-btn:hover { background:#f8fafc !important; box-shadow:0 3px 10px rgba(20,40,60,.11) !important; }
.akr .ak-google-btn svg { width:21px !important; height:21px !important; margin-right:11px !important; }

.akr-ayrac { display:flex; align-items:center; gap:12px; margin:11px 0 9px; }
.akr-ayrac::before, .akr-ayrac::after { content:""; flex:1; height:1px; background:#eaeef2; }
.akr-ayrac span { font-size:12px; color:#a3adba; }

/* üyelik türü — iki seçenekli şerit */
.akr-tip { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:4px; }
.akr-tip-item { display:flex !important; align-items:center; gap:10px; margin:0 !important; cursor:pointer;
    border:1.5px solid #e5e9ef; border-radius:12px; padding:9px 14px; background:#fff;
    font-size:14px; font-weight:600; color:#334155; transition:border-color .15s, background .15s; }
.akr-tip-item input { width:16px; height:16px; accent-color:#2f6fed; margin:0; }
.akr-tip-item:hover { border-color:#c7d2fe; }
.akr-tip-item.secili { border-color:#2f6fed; background:#f5f8ff; color:#1d3f9e; }

/* bölüm başlığı */
.akr-grup { display:flex; align-items:center; gap:10px; margin:16px 0 8px; }
.akr-grup span { font-size:11.5px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; color:#8794a6; }
.akr-grup i { font-style:normal; font-size:11.5px; color:#aab4c2; }
.akr-grup::after { content:""; flex:1; height:1px; background:#eef1f5; }

/* alan ızgarası */
.akr-satir { display:grid; gap:11px; }
.akr-satir.akr-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.akr-satir.akr-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.akr-satir.akr-622 { grid-template-columns:2fr 1fr 1fr; }
.akr-alan { margin:0 0 11px; }
.akr-satir .akr-alan { margin-bottom:0; }
.akr-alan label { display:block; margin:0 0 4px !important; font-size:12.5px !important;
    font-weight:600 !important; color:#435062 !important; }
.akr-alan label b { color:#e11d48; font-weight:600; }
.akr-alan label i { font-style:normal; color:#a3adba; font-weight:400; font-size:11.5px; }

.akr .form-control {
    width:100%; display:block; height:auto !important;
    border:1.5px solid #e5e9ef !important; border-radius:11px !important;
    padding:10px 13px !important; font-size:14px !important; color:#0f172a !important;
    background:#fff !important; box-shadow:none !important;
    transition:border-color .15s ease, box-shadow .15s ease; }
.akr .form-control:hover { border-color:#d7dee7 !important; }
.akr .form-control:focus { border-color:#2f6fed !important; box-shadow:0 0 0 3px rgba(47,111,237,.13) !important; outline:none !important; }
.akr .form-control::placeholder { color:#aab4c2 !important; }
.akr select.form-control { appearance:none; -webkit-appearance:none; padding-right:34px !important;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important; background-position:right 13px center !important; }
.akr .ak-pw-wrap { position:relative; }
.akr .ak-pw-eye { position:absolute; right:13px; top:50%; transform:translateY(-50%);
    color:#94a3b8; font-size:15px; cursor:pointer; z-index:2; }

/* faaliyet rozetleri */
.akr .ak-faaliyet-list { display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:7px; margin-top:2px; }
.akr .ak-faaliyet-item { display:inline-flex !important; align-items:center; gap:8px; margin:0 !important;
    padding:7px 12px !important; border:1.5px solid #e5e9ef !important; border-radius:999px !important;
    background:#fff !important; font-size:13px !important; font-weight:500 !important; color:#435062 !important; cursor:pointer; }
.akr .ak-faaliyet-item:hover { border-color:#c7d2fe !important; }
.akr .ak-faaliyet-item.ak-checked { border-color:#2f6fed !important; background:#f5f8ff !important; color:#1d3f9e !important; }
.akr .ak-faaliyet-tik { width:16px !important; height:16px !important; min-width:16px !important;
    border:1.5px solid #cbd5e1 !important; border-radius:5px !important; }
.akr .ak-faaliyet-item.ak-checked .ak-faaliyet-tik { border-color:#2f6fed !important; background:#2f6fed !important; }
.akr .ak-faaliyet-tik::after { width:4px !important; height:8px !important; border-width:0 2px 2px 0 !important; }

/* şifre kuralları — tek satır ipucu */
#akSifreKurallar { border:0 !important; background:none !important; padding:6px 0 0 !important; margin:0 !important; }
#akSifreKurallar > div:first-child { display:none; }
#akSifreKurallar ul { display:flex; flex-wrap:wrap; gap:2px 14px; list-style:none; padding:0; margin:0; }
#akSifreKurallar li { display:flex; align-items:center; gap:5px; margin:0 !important; font-size:11.5px; color:#94a3b8; }
#akSifreEslesme { font-size:11.5px; margin-top:4px; }

/* onaylar */
.akr-onaylar { display:grid; grid-template-columns:1fr; gap:9px; margin-top:10px; }
.akr-onay { padding-left:26px; }
.akr-onay .custom-control-label { font-size:12.5px !important; line-height:1.45; color:#435062 !important; cursor:pointer; }
.akr-onay .custom-control-label a { color:#2f6fed; text-decoration:underline; cursor:pointer; }
.akr .ak-kvkk-not { font-size:11.5px !important; padding:8px 11px !important; margin:8px 0 0 !important; }

.akr-btn { width:100%; margin-top:13px; padding:12px 18px; border:0; border-radius:12px;
    background:#2f6fed; color:#fff; font-size:15.5px; font-weight:600; cursor:pointer;
    box-shadow:0 4px 14px rgba(47,111,237,.28); transition:background .15s, box-shadow .15s; }
.akr-btn:hover { background:#255fd6; box-shadow:0 6px 18px rgba(47,111,237,.34); }
.akr-alt { margin-top:10px; text-align:center; font-size:13px; color:#7c8798; }
.akr-alt a { color:#2f6fed; font-weight:600; }
.akr-hata { background:#fef2f2; border:1px solid #fecaca; color:#b91c1c; border-radius:11px;
    padding:11px 13px; margin-bottom:12px; font-size:13.5px; }

@media (max-width:820px) {
    .akr-satir.akr-3, .akr-satir.akr-622 { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
    .akr { padding:18px 16px !important; }
    .akr-satir.akr-3, .akr-satir.akr-622, .akr-satir.akr-2, .akr-onaylar, .akr-tip { grid-template-columns:1fr; }
}

/* ══ GİRİŞ KARTI (login.php) — üyelik kartıyla aynı dil, dar gövde ══ */
.akr-dar { max-width:440px; margin:0 auto; }
.akr-hatirla { display:flex !important; align-items:center; gap:9px; margin:2px 0 6px !important;
    cursor:pointer; font-size:13px; font-weight:500 !important; color:#435062; }
.akr-hatirla input { width:16px; height:16px; accent-color:#2f6fed; margin:0; }
.akr-hatirla i { font-style:normal; color:#98a3b3; }
.akr-alt a { color:#2f6fed; font-weight:600; text-decoration:none; }
.akr-alt a:hover { text-decoration:underline; }
.akr-kayit { margin-top:16px; padding-top:14px; border-top:1px solid #eef1f5; text-align:center; }
.akr-kayit-bas { font-size:14px; font-weight:600; color:#0f172a; }
.akr-kayit p { font-size:12.5px; color:#7c8798; margin:3px 0 10px; }
.akr-btn--ikincil { display:block; background:#fff !important; color:#2f6fed !important;
    border:1.5px solid #cddafd !important; box-shadow:none !important; text-decoration:none; }
.akr-btn--ikincil:hover { background:#f5f8ff !important; box-shadow:none !important; }