/* =====================================================================
 *  hesap.css – Hesabım (Uyelik modülü) özet panosu, sekme şeridi, iletişim izni
 *  ve sepetteki "Siparişi tamamla" giriş adımı. magaza.css'teki .cy-hesap__*
 *  temelini tamamlar (o dosya ürünler/mağaza içindir; buraya yazılmaz).
 * ===================================================================== */

/* ---------- Sekmeler: telefonda yana kaydırılan şerit ---------- */
.cy-hesap__sekmeler { scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.cy-hesap__sekmeler::-webkit-scrollbar { display: none; }
.cy-hesap__sekme { flex: 0 0 auto; scroll-snap-align: start; }
.cy-hesap__sekme:focus-visible { outline: 2px solid var(--cy-focus, var(--cy-brand-600)); outline-offset: 2px; }
@media (max-width: 767.98px) {
    /* Kenara dayanır; sağda kalan sekmeler kaydırılabildiğini belli eder (solda hafif, sağda geniş solma). */
    .cy-hesap__sekmeler {
        margin-inline: calc(var(--bs-gutter-x, 1.5rem) * -.5);
        padding-inline: calc(var(--bs-gutter-x, 1.5rem) * .5);
        scroll-padding-inline: calc(var(--bs-gutter-x, 1.5rem) * .5);
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 .6rem, #000 calc(100% - 2rem), transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 .6rem, #000 calc(100% - 2rem), transparent 100%);
    }
    .cy-hesap__bas { align-items: center; }
}

/* ---------- Özet panosu: telefonda 1, tablette 2, genişte 3 sütun ---------- */
.cy-hesap-pano { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); grid-auto-flow: row dense; }
.cy-hesap-pano > .cy-hesap__kart { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.cy-hesap-pano > .cy-hesap__kart > :last-child { margin-top: auto; }
.cy-hesap-pano__genis { display: grid; min-width: 0; }
@media (min-width: 768px) {
    .cy-hesap-pano { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cy-hesap-pano__genis { grid-column: 1 / -1; }
}
@media (min-width: 992px) {
    .cy-hesap-pano { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cy-hesap-pano__genis { grid-column: span 2; grid-row: span 2; }
}

/* Blok başlığı (simge + başlık + "Tümü") */
.cy-hesap-blok__bas { display: flex; align-items: center; gap: .75rem; margin-bottom: .75rem; }
.cy-hesap-blok__bas .cy-hesap__kart-ikon { margin-bottom: 0; flex-shrink: 0; }

/* ---------- Son siparişlerim ---------- */
.cy-hesap-siparis__liste { display: grid; margin: 0; padding: 0; list-style: none; }
.cy-hesap-siparis__satir { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem 1rem; padding: .8rem 0; border-top: 1px solid var(--cy-border); }
.cy-hesap-siparis__satir:first-child { padding-top: .25rem; border-top: 0; }
.cy-hesap-siparis__satir:last-child { padding-bottom: 0; }
.cy-hesap-siparis__gorseller { display: flex; min-width: 40px; }
.cy-hesap-siparis__gorseller img { width: 40px; height: 50px; object-fit: cover; border: 2px solid var(--cy-surface); border-radius: 6px; background: var(--cy-surface-soft, #f6f6f6); }
.cy-hesap-siparis__gorseller img + img { margin-left: -16px; }
.cy-hesap-siparis__bilgi { display: grid; gap: .1rem; min-width: 0; }
.cy-hesap-siparis__no { color: var(--cy-text); font-weight: 600; text-decoration: none; }
.cy-hesap-siparis__no:hover { text-decoration: underline; }
.cy-hesap-siparis__durum { display: grid; justify-items: end; gap: .3rem; text-align: right; }
.cy-hesap-siparis__durum .cy-icon { vertical-align: -2px; }
@media (max-width: 575.98px) {
    .cy-hesap-siparis__satir { grid-template-columns: auto minmax(0, 1fr); }
    .cy-hesap-siparis__durum { display: flex; flex-wrap: wrap; grid-column: 1 / -1; align-items: center; justify-items: start; gap: .4rem 1rem; text-align: left; }
}

/* ---------- Kart içi bağlantılar ve iletişim izni çipi ---------- */
.cy-hesap-kart__baglantilar { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: 0; }
.cy-hesap-izin { display: inline-flex; align-items: center; gap: .4rem; padding: .15rem .65rem; border-radius: 999px; font-size: .8125rem; font-weight: 600; }
.cy-hesap-izin::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.cy-hesap-izin--acik { background: var(--cy-success-soft, #dcfce7); color: var(--cy-success, #166534); }
.cy-hesap-izin--kapali { background: var(--cy-surface-soft, #f1f5f9); color: var(--cy-text-muted); }

/* ---------- Sepet: "Siparişi tamamla" → giriş adımı (misafir siparişi kapalıyken) ---------- */
.cy-sepet-giris > summary { list-style: none; cursor: pointer; }
.cy-sepet-giris > summary::-webkit-details-marker { display: none; }
.cy-sepet-giris[open] > summary { opacity: .85; }
.cy-sepet-giris__adim { margin-top: .75rem; padding: 1rem; border: 1px solid var(--cy-border); border-radius: var(--cy-mg-radius, 12px); background: var(--cy-surface); }
.cy-sepet-giris__baslik { margin: 0 0 .25rem; font-weight: 600; }
.cy-sepet-giris__guvence { display: flex; align-items: flex-start; gap: .4rem; margin: .8rem 0 0; color: var(--cy-success, #166534); font-size: .8125rem; }
.cy-sepet-giris__guvence .cy-icon { flex-shrink: 0; margin-top: 2px; }