/* Uyelik alani — giris/kayit kartlari ve "Hesabim" duzeni.
   Form ve blok stilleri odeme.css'ten miras alinir (.odeme-sayfa kapsami);
   burada yalnizca bu alana ozgu duzen ve ek alan tipleri var. */

/* odeme.css yalnizca text/email/textarea'yi bicimlendiriyor; sifre ve secim
   alanlari da ayni gorunsun. */
.odeme-sayfa .alan input[type=password],
.odeme-sayfa .alan input[type=tel],
.odeme-sayfa .alan select{
  width:100%;padding:12px 13px;border:1px solid var(--line);background:#fff;
  font:inherit;font-size:14px;color:inherit;border-radius:0}
.odeme-sayfa .alan input[type=password]:focus,
.odeme-sayfa .alan select:focus{outline:0;border-color:var(--sage)}
.odeme-sayfa .btn-dar{width:auto;min-width:220px}

/* ── Giris / kayit ───────────────────────────────────────────────── */
.uye-sayfa .uye-kutu{max-width:520px;margin:0 auto;padding:26px 0 10px}
.uye-sayfa .uye-bas{text-align:center;margin-bottom:22px}
.uye-sayfa .uye-bas h1{font:400 clamp(28px,3vw,38px) "Libre Caslon Display",Georgia,serif;margin:0 0 8px}
.uye-sayfa .uye-bas p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.uye-sayfa .blok{margin-bottom:16px}
.uye-sayfa .uye-alt{text-align:center;font-size:12.5px;color:var(--muted);line-height:1.8;margin:0}
.uye-sayfa .uye-alt a{color:var(--sage);border-bottom:1px solid currentColor}
.uye-sayfa .uye-kucuk{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:14px}
.uye-sayfa .uye-kucuk:hover{color:var(--sage)}

/* ── Hesabim duzeni ──────────────────────────────────────────────── */
.hesap-sayfa .hesap-duzen{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:start}

.hesap-sayfa .hesap-menu{border:1px solid var(--line);background:#fff;position:sticky;top:100px}
.hesap-sayfa .hesap-kisi{display:flex;gap:12px;align-items:center;padding:20px 20px 18px;border-bottom:1px solid var(--line)}
.hesap-sayfa .hesap-bas{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;background:var(--sage);color:#fff;
  font:400 17px "Libre Caslon Display",Georgia,serif}
.hesap-sayfa .hesap-kisi strong{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.hesap-sayfa .hesap-kisi div span{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;word-break:break-all}
/* Bas harf kutusu: yukaridaki genel span kurali rengi/boyutu ezmesin diye AYRI ve sonra tanimli. */
.hesap-sayfa .hesap-kisi span.hesap-bas{color:#fff;font-size:17px;margin:0}
.hesap-sayfa .hesap-menu nav{display:flex;flex-direction:column;padding:8px 0}
.hesap-sayfa .hesap-menu nav a{padding:11px 20px;font-size:13px;color:var(--ink);border-left:2px solid transparent}
.hesap-sayfa .hesap-menu nav a:hover{background:#f7f6f2;color:var(--sage)}
.hesap-sayfa .hesap-menu nav a.etkin{border-left-color:var(--sage);color:var(--sage);background:#f6f8f4}
.hesap-sayfa .hesap-cikis{border-top:1px solid var(--line);padding:12px 20px}
.hesap-sayfa .hesap-cikis button{background:0;border:0;padding:0;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}
.hesap-sayfa .hesap-cikis button:hover{color:#9c5b4f}

/* Ozet kartlari */
.hesap-sayfa .hesap-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.hesap-sayfa .hesap-kart{border:1px solid var(--line);background:#fff;padding:20px 18px;text-align:center;transition:.2s}
.hesap-sayfa .hesap-kart:hover{border-color:var(--sage)}
.hesap-sayfa .hesap-kart .sayi{display:block;font:400 30px "Libre Caslon Display",Georgia,serif;color:var(--sage)}
.hesap-sayfa .hesap-kart .ad{display:block;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:5px}

/* Siparis listesi */
.hesap-sayfa .hesap-tablo{border-top:1px solid var(--line)}
.hesap-sayfa .hesap-satir{display:grid;grid-template-columns:1.2fr .9fr .8fr 1fr .9fr;gap:12px;align-items:center;
  padding:14px 2px;border-bottom:1px solid #eeece6;font-size:13px;color:var(--ink)}
.hesap-sayfa .hesap-satir:hover{background:#faf9f6}
.hesap-sayfa .hesap-satir.basliklar{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);
  padding:10px 2px;background:0;cursor:default}
.hesap-sayfa .hesap-satir .no{font-weight:600}
.hesap-sayfa .hesap-satir .tarih,.hesap-sayfa .hesap-satir .adet{color:var(--muted);font-size:12.5px}
.hesap-sayfa .hesap-satir .tutar{text-align:right;font-weight:600;white-space:nowrap}
.hesap-sayfa .durum{display:inline-block;font-size:11.5px;padding:4px 10px;border:1px solid var(--line);color:var(--muted);
  justify-self:start;white-space:nowrap}
.hesap-sayfa .durum-onaylandi,.hesap-sayfa .durum-hazirlaniyor{border-color:#cfc6ab;color:#8a7846}
.hesap-sayfa .durum-kargoda{border-color:#b9c6d2;color:#4f6a80}
.hesap-sayfa .durum-teslim{border-color:#c3cdbc;color:#5b6b52;background:#f2f5ef}
.hesap-sayfa .durum-iptal{border-color:#d9c3c3;color:#9c5b4f}
.hesap-sayfa .hesap-tumu{display:inline-block;margin-top:16px;font-size:12.5px;color:var(--sage);border-bottom:1px solid currentColor}
.hesap-sayfa .hesap-bos{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 16px}

/* Siparis detayi */
.hesap-sayfa .siparis-ust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hesap-sayfa .siparis-ust .etiket{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.hesap-sayfa .siparis-ust strong{font-size:13.5px;font-weight:600}
.hesap-sayfa .siparis-ust em{font-style:normal;color:var(--muted);font-weight:400;font-size:12px}
.hesap-sayfa .siparis-takip{margin:18px 0 0;font-size:12.5px;color:var(--muted);border-top:1px solid #eeece6;padding-top:14px}
.hesap-sayfa .siparis-urunler{border-top:1px solid var(--line)}
.hesap-sayfa .siparis-urun{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px 110px;gap:12px;align-items:center;
  padding:13px 2px;border-bottom:1px solid #eeece6;font-size:13px}
.hesap-sayfa .siparis-urun .ad span{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.hesap-sayfa .siparis-urun .adet,.hesap-sayfa .siparis-urun .birim{color:var(--muted);font-size:12.5px}
.hesap-sayfa .siparis-urun .tutar{text-align:right;font-weight:600}
.hesap-sayfa .siparis-toplam{max-width:320px;margin-left:auto;padding-top:14px}
.hesap-sayfa .siparis-adres p{margin:0 0 6px;font-size:13px;line-height:1.7}
.hesap-sayfa .siparis-adres .not{margin-top:12px;color:var(--muted);font-size:12.5px}

/* Adres defteri */
.hesap-sayfa .adres-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hesap-sayfa .adres-kart{border:1px solid var(--line);padding:18px 18px 14px;font-size:13px;line-height:1.7}
.hesap-sayfa .adres-kart.varsayilan{border-color:var(--sage);background:#f8faf6}
.hesap-sayfa .adres-bas{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.hesap-sayfa .adres-bas strong{font-size:13.5px}
.hesap-sayfa .adres-kart .rozet{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--sage);border:1px solid var(--sage);padding:2px 7px}
.hesap-sayfa .adres-kart p{margin:0 0 4px;color:var(--muted)}
.hesap-sayfa .adres-islem{display:flex;gap:14px;align-items:center;margin-top:12px;border-top:1px solid #eeece6;padding-top:11px}
.hesap-sayfa .adres-islem form{display:inline}
.hesap-sayfa .baglanti{background:0;border:0;padding:0;font:inherit;font-size:12px;color:var(--sage);cursor:pointer;border-bottom:1px solid currentColor}
.hesap-sayfa .baglanti.sil{color:#9c5b4f}
.hesap-sayfa .adres-form{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}
.hesap-sayfa .gizli{display:none}

@media (max-width:1000px){
  .hesap-sayfa .hesap-duzen{grid-template-columns:1fr}
  .hesap-sayfa .hesap-menu{position:static}
  .hesap-sayfa .hesap-menu nav{flex-direction:row;flex-wrap:wrap;padding:6px 10px}
  .hesap-sayfa .hesap-menu nav a{border-left:0;border-bottom:2px solid transparent;padding:10px 12px}
  .hesap-sayfa .hesap-menu nav a.etkin{border-left:0;border-bottom-color:var(--sage)}
  .hesap-sayfa .adres-liste{grid-template-columns:1fr}
}

@media (max-width:760px){
  .odeme-sayfa.hesap-sayfa .container,.odeme-sayfa.uye-sayfa .container{width:min(1440px,calc(100% - 32px))}
  .hesap-sayfa .hesap-kartlar{grid-template-columns:1fr;gap:10px}
  .hesap-sayfa .hesap-kart{display:flex;align-items:baseline;justify-content:space-between;text-align:left;padding:14px 16px}
  .hesap-sayfa .hesap-kart .ad{margin:0}
  .hesap-sayfa .hesap-satir{grid-template-columns:1fr auto;gap:4px 12px;padding:14px 2px}
  .hesap-sayfa .hesap-satir.basliklar{display:none}
  .hesap-sayfa .hesap-satir .tarih{grid-column:1;order:2}
  .hesap-sayfa .hesap-satir .adet{grid-column:1;order:3}
  .hesap-sayfa .hesap-satir .durum{grid-column:2;order:4;justify-self:end}
  .hesap-sayfa .hesap-satir .tutar{grid-column:2;order:1}
  .hesap-sayfa .siparis-ust{grid-template-columns:1fr 1fr;gap:14px}
  .hesap-sayfa .siparis-urun{grid-template-columns:1fr auto;gap:4px 10px}
  .hesap-sayfa .siparis-urun .birim{display:none}
  .hesap-sayfa .siparis-toplam{max-width:none}
  .hesap-sayfa .btn-dar,.uye-sayfa .btn-dar{width:100%;min-width:0}
  .odeme-sayfa .ikili{grid-template-columns:1fr}
}