/* Hesap sayfaları — giriş/kayıt kartı ve hesabım paneli. */

.hesap-kart { background: var(--zemin-2); border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: clamp(1.6rem, 5vw, 2.6rem); }
.hesap-kart h1 { margin-bottom: 1.5rem; }
.hesap-alt { margin-top: 1rem; color: var(--metin-soluk); font-size: 0.9rem; }

/* --- Kimlik doğrulama (giriş/kayıt) iki panelli düzen --- */
.auth-duzen { display: grid; grid-template-columns: 1fr; min-height: calc(100svh - 64px); }
@media (min-width: 900px) { .auth-duzen { grid-template-columns: 1.1fr 1fr; } }

.auth-gorsel { display: none; position: relative; overflow: hidden;
  background-image: var(--auth-gorsel); background-size: cover; background-position: center; }
@media (min-width: 900px) { .auth-gorsel { display: block; } }
.auth-gorsel__scrim { position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.35) 100%); }
.auth-gorsel__ic { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
  padding: clamp(2rem, 4vw, 3.5rem); }
.auth-gorsel__logo { font-family: var(--serif); letter-spacing: 0.34em; text-transform: uppercase; color: var(--krem); font-size: 1.1rem; }
.auth-gorsel__ic blockquote { font-family: var(--serif); font-size: clamp(1.4rem, 1rem + 1.6vw, 2.1rem);
  color: var(--krem); margin: 0.8rem 0 0; max-width: 18ch; line-height: 1.35; letter-spacing: 0.02em; }

.auth-form-panel { display: flex; align-items: center; justify-content: center; padding: clamp(1.8rem, 5vw, 3.5rem); }
.auth-kart { width: 100%; max-width: 400px; background: transparent; border: none; padding: 0; }
.auth-kart .ust-baslik { color: var(--ahsap); }
.auth-satir { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0.4rem 0 1rem; font-size: 0.88rem; }
.auth-satir a:hover { color: var(--ahsap); }

.hesap-basi { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }

.hesap-izgara { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin: 2rem 0; }
.hesap-kutu { position: relative; display: block; background: var(--zemin-2); border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); padding: 1.4rem; transition: border-color var(--gecis), transform var(--gecis); }
.hesap-kutu:hover { border-color: var(--ahsap-koyu); transform: translateY(-3px); }
.hesap-kutu__sayi { position: absolute; top: 1.1rem; right: 1.3rem; font-family: var(--serif); font-size: 2rem; color: var(--ahsap); line-height: 1; }
.hesap-kutu h2 { font-size: 1.1rem; margin-bottom: 0.4rem; padding-right: 2rem; }
.hesap-kutu p { color: var(--metin-soluk); font-size: 0.9rem; margin-bottom: 0.8rem; }
.hesap-kutu__ok { color: var(--ahsap); font-size: 0.8rem; letter-spacing: 0.08em; }

.hesap-bolum { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--hat); }
.hesap-bolum h2 { font-size: 1.2rem; margin-bottom: 1.2rem; }

/* Sipariş listesi */
.siparis-liste { display: flex; flex-direction: column; gap: 0.8rem; }
.siparis-satiri { display: grid; grid-template-columns: 1fr auto auto; gap: 1rem; align-items: center; padding: 1rem 1.2rem; background: var(--zemin-2); border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); transition: border-color var(--gecis); }
.siparis-satiri:hover { border-color: var(--ahsap-koyu); }
.siparis-satiri > div { display: flex; flex-direction: column; gap: 0.2rem; }
.siparis-kod-kucuk { font-family: var(--serif); letter-spacing: 0.14em; color: var(--krem); }
.siparis-tutar { color: var(--ahsap); }
.durum-rozet { font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.3rem 0.7rem; border-radius: 999px; border: 1px solid var(--hat); color: var(--metin-soluk); white-space: nowrap; }
.durum-odendi, .durum-hazirlaniyor, .durum-kargoda { color: var(--ahsap); border-color: var(--ahsap-koyu); }
.durum-teslim_edildi { color: var(--onay); border-color: var(--onay); }
.durum-iptal { color: var(--uyari); border-color: var(--uyari); }
@media (max-width: 520px) {
  .siparis-satiri { grid-template-columns: 1fr auto; }
  .siparis-tutar { grid-column: 1 / -1; }
}

/* Companion kartları */
.companion-izgara { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.companion-kart { background: var(--zemin-2); border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); overflow: hidden; transition: border-color var(--gecis), transform var(--gecis); }
.companion-kart:hover { border-color: var(--ahsap-koyu); transform: translateY(-3px); }
.companion-kart__foto { aspect-ratio: 1; background: var(--zemin-3); display: flex; align-items: center; justify-content: center; }
.companion-kart__foto img { width: 100%; height: 100%; object-fit: cover; }
.companion-kart__bos { font-family: var(--serif); font-size: 3rem; color: var(--ahsap-koyu); }
.companion-kart__govde { padding: 1rem 1.2rem 1.3rem; }
.companion-kart__govde h2 { font-size: 1.15rem; margin-bottom: 0.2rem; }
.companion-kart__govde p { color: var(--metin-soluk); font-size: 0.88rem; margin: 0; }
.companion-kart__yas { display: inline-block; margin-top: 0.6rem; font-size: 0.75rem; color: var(--ahsap); letter-spacing: 0.06em; }

/* Companion form fotoğraf alanı */
.companion-foto-alan { display: flex; gap: 1.2rem; align-items: flex-start; margin-bottom: 1.4rem; flex-wrap: wrap; }
.companion-foto-onizleme { width: 110px; height: 110px; flex: 0 0 auto; background: var(--zemin-3); border: 1px solid var(--hat); border-radius: var(--kenar-yaricap); overflow: hidden; display: flex; align-items: center; justify-content: center; color: var(--metin-soluk); font-size: 0.75rem; }
.companion-foto-onizleme img { width: 100%; height: 100%; object-fit: cover; }