/* ============================================================
   WhiteAudition — Sepet & Ödeme Sayfaları (wc- prefix)
   ============================================================ */

/* ── Sayfa başlığı (breadcrumb + adımlar) ── */
.wc-page-header {
    background: var(--ah-color-bg-warm, #F5F1EA);
    border-bottom: 1px solid var(--ah-color-border, #E9E4DC);
}
.wc-page-header-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 22px 32px 20px;
}
.wc-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--ah-color-text-muted, #A8A29E);
    margin-bottom: 18px;
}
.wc-breadcrumb a {
    color: var(--ah-color-text-muted, #A8A29E);
    text-decoration: none;
    transition: color 0.22s;
}
.wc-breadcrumb a:hover { color: var(--ah-color-primary-dk, var(--ah-color-primary-dk)); }
.wc-sep { font-size: 0.625rem; }

/* Adım göstergesi */
.wc-steps { display: flex; align-items: center; gap: 0; }
.wc-step  { display: flex; align-items: center; gap: 10px; }
.wc-step-circle {
    width: 28px; height: 28px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.6875rem; font-weight: 700; flex-shrink: 0;
    transition: background 0.22s, border-color 0.22s;
}
.wc-step-circle.active { background: var(--ah-color-dark, #111010); color: #fff; }
.wc-step-circle.done   { background: #4A7C59; color: #fff; }
.wc-step-circle.future {
    background: #fff;
    border: 1.5px solid var(--ah-color-border-dark, #D4CEC4);
    color: var(--ah-color-text-muted, #A8A29E);
}
.wc-step-label { font-size: 0.8125rem; font-weight: 600; white-space: nowrap; }
.wc-step-label.active { color: var(--ah-color-dark, #111010); }
.wc-step-label.done   { color: #4A7C59; }
.wc-step-label.future { color: var(--ah-color-text-muted, #A8A29E); }
.wc-step-line {
    flex: 1;
    height: 1px;
    background: var(--ah-color-border-dark, #D4CEC4);
    margin: 0 12px;
    min-width: 32px;
}

/* ── Ana sepet düzeni ── */
.wc-cart-layout {
    max-width: 1440px;
    margin: 0 auto;
    padding: 36px 32px 80px;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 32px;
    align-items: start;
}

/* Sepet başlık satırı */
.wc-cart-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.wc-cart-title {
    font-family: var(--ah-font-serif, var(--ah-font-serif));
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--ah-color-dark, #111010);
}
.wc-cart-count { font-size: 0.875rem; color: var(--ah-color-text-muted, #A8A29E); }
.wc-clear-btn {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ah-color-text-muted, #A8A29E);
    border: 1px solid var(--ah-color-border-dark, #D4CEC4);
    border-radius: 4px;
    padding: 5px 12px;
    background: none;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.22s, border-color 0.22s;
}
.wc-clear-btn:hover { color: #C0392B; border-color: #C0392B; }

/* Sepet ürün listesi */
.wc-cart-items { display: flex; flex-direction: column; gap: 14px; }
.wc-cart-item {
    background: #fff;
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 8px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 110px 1fr auto;
    gap: 0;
    transition: box-shadow 0.26s;
}
.wc-cart-item:hover { box-shadow: 0 4px 16px rgba(17,16,16,0.10); }

/* Ürün küçük resmi */
.wc-cart-item-thumb {
    position: relative;
    overflow: hidden;
}
.wc-cart-item-thumb a { display: block; height: 100%; }
.wc-cart-item-thumb img {
    width: 110px;
    height: 100%;
    min-height: 130px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.wc-cart-item:hover .wc-cart-item-thumb img { transform: scale(1.06); }
.wc-cart-item-lot-badge {
    position: absolute;
    top: 8px; left: 8px;
    background: rgba(17,16,16,0.75);
    color: #fff;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 2px;
}

/* Ürün gövdesi */
.wc-cart-item-body {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.wc-cart-item-category {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ah-color-primary-dk, var(--ah-color-primary-dk));
}
.wc-cart-item-title {
    font-family: var(--ah-font-serif, var(--ah-font-serif));
    font-size: 1rem;
    font-weight: 700;
    color: var(--ah-color-dark, #111010);
    line-height: 1.2;
    text-decoration: none;
    display: block;
}
.wc-cart-item-title:hover { color: var(--ah-color-primary-dk, var(--ah-color-primary-dk)); }
.wc-cart-item-artist { font-size: 0.8125rem; color: var(--ah-color-text, #6B6560); font-weight: 500; }
.wc-cart-item-attrs {
    font-size: 0.75rem;
    color: var(--ah-color-text-muted, #A8A29E);
    line-height: 1.5;
}
.wc-cart-item-warnings {
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
    font-size: 0.75rem;
    color: #C0392B;
}

/* Durum pilleri */
.wc-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 2px;
    margin-top: 6px;
}
.wc-status-won    { background: rgba(42,122,80,0.1);  color: var(--wa-status-live); }
.wc-status-normal { background: rgba(30,45,79,0.12); color: var(--wa-status-upcoming); }

/* Adet kontrol */
.wc-cart-qty-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.wc-cart-qty-label { font-size: 0.75rem; color: var(--ah-color-text-muted, #A8A29E); }
.wc-cart-qty-input {
    width: 70px;
    height: 34px;
    padding: 0 10px;
    border: 1.5px solid var(--ah-color-border-dark, #D4CEC4);
    border-radius: 4px;
    font-size: 0.875rem;
    text-align: center;
    outline: none;
    transition: border-color 0.22s;
}
.wc-cart-qty-input:focus { border-color: var(--ah-color-primary, var(--ah-color-primary)); }

/* Fiyat + eylemler (sağ sütun) */
.wc-cart-item-right {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    min-width: 160px;
    border-left: 1px solid var(--ah-color-border, #E9E4DC);
}
.wc-cart-price-label {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ah-color-text-muted, #A8A29E);
    margin-bottom: 2px;
}
.wc-cart-price {
    font-family: var(--ah-font-serif, var(--ah-font-serif));
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ah-color-dark, #111010);
    line-height: 1;
}
.wc-cart-price-old {
    font-size: 0.8125rem;
    color: var(--ah-color-text-muted, #A8A29E);
    text-decoration: line-through;
}
.wc-cart-discount { font-size: 0.75rem; color: #4A7C59; font-weight: 600; }
.wc-cart-item-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}
.wc-btn-edit, .wc-btn-remove {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ah-color-text-muted, #A8A29E);
    padding: 4px 8px;
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 4px;
    background: none;
    cursor: pointer;
    transition: color 0.22s, border-color 0.22s;
}
.wc-btn-edit:hover  { color: var(--ah-color-primary-dk, var(--ah-color-primary-dk)); border-color: var(--ah-color-primary, var(--ah-color-primary)); }
.wc-btn-remove:hover { color: #C0392B; border-color: #C0392B; }

/* Güvence notu */
.wc-guarantor {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    background: rgba(74,124,89,0.06);
    border: 1px solid rgba(74,124,89,0.15);
    border-radius: 8px;
    margin-top: 20px;
    font-size: 0.8125rem;
    color: var(--ah-color-text, #6B6560);
    line-height: 1.55;
}
.wc-g-icon { font-size: 1rem; flex-shrink: 0; margin-top: 1px; color: #4A7C59; }
.wc-cart-attrs-summary { font-size: 0.8125rem; color: var(--ah-color-text-muted, #A8A29E); margin: 8px 0; }

/* Alışverişe devam */
.wc-continue-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ah-color-text, #6B6560);
    text-decoration: none;
    transition: color 0.22s;
}
.wc-continue-link:hover { color: var(--ah-color-primary-dk, var(--ah-color-primary-dk)); }
.wc-continue-link::before { content: '←'; }

/* Kupon alanı */
.wc-coupon-section {
    margin-top: 20px;
    background: #fff;
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 8px;
    padding: 18px 20px;
}
.wc-coupon-label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ah-color-dark, #111010);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.wc-coupon-row { display: flex; gap: 8px; }
.wc-coupon-input {
    flex: 1;
    height: 42px;
    padding: 0 14px;
    border: 1.5px solid var(--ah-color-border-dark, #D4CEC4);
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--ah-color-dark, #111010);
    outline: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: border-color 0.22s, box-shadow 0.22s;
    font-family: inherit;
}
.wc-coupon-input::placeholder { color: var(--ah-color-text-muted, #A8A29E); text-transform: none; letter-spacing: 0; }
.wc-coupon-input:focus {
    border-color: var(--ah-color-primary, var(--ah-color-primary));
    box-shadow: 0 0 0 3px rgba(30,45,79,0.15);
}
.wc-coupon-btn {
    height: 42px;
    padding: 0 18px;
    background: var(--ah-color-dark, #111010);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background 0.22s;
    white-space: nowrap;
    font-family: inherit;
}
.wc-coupon-btn:hover { background: #2A2825; }
.wc-coupon-feedback {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 0.75rem;
    font-weight: 600;
}
.wc-coupon-success { color: #4A7C59; }
.wc-coupon-error   { color: #C0392B; }
.wc-applied-code {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 0.75rem;
    color: #4A7C59;
    font-weight: 600;
}
.wc-applied-code-remove {
    background: none;
    border: none;
    color: var(--ah-color-text-muted, #A8A29E);
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 4px;
    transition: color 0.22s;
}
.wc-applied-code-remove:hover { color: #C0392B; }

/* ── Sağ: Sipariş özeti ── */
.wc-order-summary { position: sticky; top: 80px; }
.wc-summary-card {
    background: #fff;
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(17,16,16,0.06);
}
.wc-summary-header {
    padding: 18px 22px;
    border-bottom: 1px solid var(--ah-color-border, #E9E4DC);
    background: var(--ah-color-bg-warm, #F5F1EA);
}
.wc-summary-title {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ah-color-dark, #111010);
}
.wc-summary-body { padding: 20px 22px; }
.wc-summary-items {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wc-summary-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.wc-summary-thumb {
    width: 36px; height: 36px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--ah-color-border, #E9E4DC);
}
.wc-summary-item-name {
    flex: 1;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ah-color-dark, #111010);
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wc-summary-item-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ah-color-dark, #111010);
    white-space: nowrap;
}
.wc-summary-divider {
    height: 1px;
    background: var(--ah-color-border, #E9E4DC);
    margin: 16px 0;
}

/* Fiyat satırları */
.wc-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.wc-price-row-label { font-size: 0.8125rem; color: var(--ah-color-text, #6B6560); }
.wc-price-row-value { font-size: 0.8125rem; font-weight: 600; color: var(--ah-color-dark, #111010); }
.wc-price-row-value.wc-discount { color: #4A7C59; }
.wc-discount { color: #4A7C59; }
.wc-success  { color: #4A7C59; }
.wc-info-tip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px; height: 14px;
    background: var(--ah-color-border, #E9E4DC);
    border-radius: 50%;
    font-size: 0.5625rem;
    font-weight: 700;
    color: var(--ah-color-text, #6B6560);
    cursor: help;
    margin-left: 4px;
    vertical-align: middle;
}
.wc-totals-code { font-weight: 700; color: var(--ah-color-dark, #111010); margin-left: 4px; }
.wc-totals-remaining { font-size: 0.6875rem; color: var(--ah-color-text-muted, #A8A29E); margin-left: 4px; }
.wc-totals-remove-btn {
    background: none;
    border: none;
    color: var(--ah-color-text-muted, #A8A29E);
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 4px;
    margin-left: 4px;
    transition: color 0.22s;
}
.wc-totals-remove-btn:hover { color: #C0392B; }

/* Genel toplam satırı */
.wc-total-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 16px 0 0;
    border-top: 2px solid var(--ah-color-dark, #111010);
    margin-top: 6px;
}
.wc-total-label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ah-color-dark, #111010);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.wc-total-amount-wrap { text-align: right; }
.wc-total-amount {
    font-family: var(--ah-font-serif, var(--ah-font-serif));
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ah-color-dark, #111010);
    line-height: 1;
}
.wc-total-vat {
    font-size: 0.6875rem;
    color: var(--ah-color-text-muted, #A8A29E);
    display: block;
    margin-top: 2px;
}
.wc-totals-earn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 8px 10px;
    background: rgba(30,45,79,0.1);
    border-radius: 4px;
    font-size: 0.75rem;
    color: var(--ah-color-text, #6B6560);
}
.wc-totals-earn-pts { font-weight: 700; color: var(--ah-color-primary-dk, var(--ah-color-primary-dk)); }

/* Kullanıcı sözleşmesi */
.wc-terms-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.8125rem;
    color: var(--ah-color-text, #6B6560);
    margin: 16px 0 10px;
    cursor: pointer;
    line-height: 1.55;
}
.wc-terms-warn {
    font-size: 0.75rem;
    color: #C0392B;
    margin-bottom: 8px;
    padding: 8px 12px;
    background: rgba(192,57,43,0.06);
    border-radius: 4px;
    border: 1px solid rgba(192,57,43,0.15);
}

/* Ödeme butonu */
.wc-btn-checkout {
    display: block;
    width: 100%;
    height: 52px;
    background: var(--ah-color-dark, #111010);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
    margin-top: 20px;
    cursor: pointer;
    transition: background 0.22s, transform 0.22s, box-shadow 0.22s;
    text-align: center;
    line-height: 52px;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.wc-btn-checkout:hover {
    background: #2A2825;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(17,16,16,0.18);
}
.wc-btn-checkout:active { transform: translateY(0); }
.wc-btn-checkout-outline {
    display: block;
    width: 100%;
    height: 44px;
    background: none;
    color: var(--ah-color-text, #6B6560);
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 4px;
    border: 1.5px solid var(--ah-color-border-dark, #D4CEC4);
    margin-top: 10px;
    cursor: pointer;
    transition: border-color 0.22s, color 0.22s;
    text-align: center;
    font-family: inherit;
    line-height: 44px;
}
.wc-btn-checkout-outline:hover { border-color: var(--ah-color-primary, var(--ah-color-primary)); color: var(--ah-color-primary-dk, var(--ah-color-primary-dk)); }

/* Güvenlik + ödeme logolar */
.wc-summary-security {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
    font-size: 0.6875rem;
    color: var(--ah-color-text-muted, #A8A29E);
}
.wc-pay-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.wc-pay-logo {
    height: 22px;
    padding: 3px 8px;
    background: var(--ah-color-bg-warm, #F5F1EA);
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 3px;
    font-size: 0.6rem;
    font-weight: 700;
    color: var(--ah-color-text, #6B6560);
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
}

/* Güvence kartı */
.wc-guarantee-card {
    margin-top: 14px;
    background: var(--ah-color-bg-warm, #F5F1EA);
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 8px;
    padding: 14px 16px;
}
.wc-guarantee-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 0.75rem;
    color: var(--ah-color-text, #6B6560);
}
.wc-guarantee-row:last-child { margin-bottom: 0; }
.wc-g-ico { flex-shrink: 0; color: #4A7C59; margin-top: 2px; font-size: 0.8125rem; }

/* Boş sepet */
.wc-cart-empty {
    background: #fff;
    border: 1px solid var(--ah-color-border, #E9E4DC);
    border-radius: 16px;
    padding: 80px 32px;
    text-align: center;
}
.wc-cart-empty-icon {
    font-size: 3rem;
    margin-bottom: 16px;
    opacity: 0.3;
    display: block;
}
.wc-cart-empty-title {
    font-family: var(--ah-font-serif, var(--ah-font-serif));
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--ah-color-dark, #111010);
    margin-bottom: 8px;
}
.wc-cart-empty-desc {
    font-size: 0.875rem;
    color: var(--ah-color-text-muted, #A8A29E);
    margin-bottom: 24px;
}
.wc-cart-empty-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 22px;
    background: var(--ah-color-dark, #111010);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.22s;
}
.wc-cart-empty-btn:hover { background: #2A2825; color: #fff; }

/* ── Duyarlı tasarım ── */
@media (max-width: 1100px) {
    .wc-cart-layout { grid-template-columns: 1fr 340px; }
}
@media (max-width: 900px) {
    .wc-cart-layout { grid-template-columns: 1fr; padding: 24px 20px 60px; }
    .wc-order-summary { position: static; }
    .wc-steps .wc-step-label { display: none; }
}
@media (max-width: 640px) {
    .wc-cart-item { grid-template-columns: 90px 1fr; }
    .wc-cart-item-right {
        grid-column: 1 / -1;
        border-left: none;
        border-top: 1px solid var(--ah-color-border, #E9E4DC);
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
    }
    .wc-page-header-inner { padding: 16px 16px; }
}