/* XTheme v2 — cart.css (sepet, ödeme: yalnızca sayfa yerleşimi; bileşenleri geçersiz kılmaz) */

.checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--s-6); align-items: start; margin-top: var(--s-5); }
.checkout-main, .cart-items { display: grid; gap: var(--s-5); min-width: 0; }
.checkout-side { position: sticky; top: var(--s-5); display: grid; gap: var(--s-5); }
.checkout-side .box {
    border: 3px solid #1E3A8A;
    overflow: hidden;
}
.checkout-side .box-title {
    background: #1E3A8A;
    color: #ffffff;
    padding: 0.85rem 1.25rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.checkout-side .box-title h3 {
    color: #ffffff;
    margin: 0;
    font-size: 1.15rem;
}

/* Sepet özet kutusu kalemleri */
.cart-summary-items { display: grid; gap: 0; }
.cart-summary-item .product-title-row { text-align: center; margin-bottom: 1rem; }
.cart-summary-item .product-title-row h4 { font-size: 1.35rem; font-weight: 800; color: #1E3A8A; margin: 0; text-transform: uppercase; }
.cart-summary-item .product-title-row span { font-size: 0.85rem; color: #94a3b8; font-style: italic; display: block; margin-top: 0.25rem; }
.cart-summary-item .summary-divider { height: 1px; background: #edf2f7; margin: 1.25rem 0; width: 100%; }
.cart-summary-item:last-child .summary-divider { margin-bottom: 0.75rem; }

/* Özet satırları */
.summary-rows { display: grid; gap: 0; margin-bottom: var(--s-4); }
.summary-row { display: flex; justify-content: space-between; gap: var(--s-4); padding: var(--s-3) 0; border-bottom: 1px dashed rgba(30, 58, 138, 0.15); font-size: .92rem; }
.summary-row strong { color: var(--c-ink); font-variant-numeric: tabular-nums; }
.summary-row.discount strong, .summary-row.discount span { color: var(--c-success); }
.summary-row.total { border-bottom: 0; border-top: 2px solid #edf2f7; margin-top: var(--s-3); padding-top: var(--s-4); font-size: 1.1rem; font-weight: 800; color: var(--c-ink); }
.summary-row.total strong { font-size: 1.8rem; color: #1E3A8A; font-weight: 800; }
.summary-row em { font-style: normal; }
.pay-note { font-size: var(--fs-sm); margin: var(--s-4) 0; }
.terms { margin-bottom: var(--s-3); }
.checkout-side .btn-block { margin-top: var(--s-4); }

/* Bilgi listesi (ödeme) */
.info-list { display: grid; grid-template-columns: max-content 1fr; gap: var(--s-2) var(--s-5); margin: 0; }
.info-list dt { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--c-mute); padding-top: 3px; }
.info-list dd { margin: 0; color: var(--c-ink); overflow-wrap: anywhere; }
.item-detail { font-size: var(--fs-sm); }

/* Sepet kalemleri */
.cart-item .box-body { display: grid; gap: var(--s-4); }
.cart-item-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s-4); }
.cart-item-head h3 { margin: 0; font-size: 1.15rem; }
.cart-item-head .muted { font-size: var(--fs-sm); }
.cart-item-price { text-align: right; flex: 0 0 auto; }
.cart-item-price strong { display: block; font-size: 1.3rem; font-weight: 800; color: var(--c-ink); font-variant-numeric: tabular-nums; }
.cart-item-price small { display: block; color: var(--c-mute); }
.cart-item-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.cart-item-fields .span-2 { grid-column: 1 / -1; }
.cart-item-foot { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); padding-top: var(--s-4); border-top: var(--bd); }
.cart-item.is-busy { opacity: .7; }
.cart-item.is-incomplete { border-color: var(--c-danger); }
.cart-warning { margin-top: var(--s-3); }
.cart-coupon { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #edf2f7; }
.coupon-form { display: block; width: 100%; margin: 0; }
.coupon-input-group { display: flex; align-items: stretch; gap: 0; width: 100%; }
.coupon-field { flex: 1 1 auto; min-width: 0; margin: 0; }
.coupon-input {
    width: 100%; height: 44px; padding: 0 14px; font: inherit; font-size: .92rem; color: var(--c-ink);
    background: #ffffff; border: 1px solid var(--c-line-strong);
    box-sizing: border-box; margin: 0;
    margin-right: -1px; position: relative; z-index: 1;
    box-shadow: none !important;
    transition: border-color var(--t);
}
.coupon-input:focus {
    outline: none !important; outline-offset: 0 !important;
    border-color: #1E3A8A !important;
    box-shadow: none !important;
    z-index: 3;
}
.coupon-input.is-applied {
    background: #f8fafc; border-color: #cbd5e1; color: #0f172a; font-weight: 700;
    letter-spacing: .02em; cursor: default; user-select: all; box-shadow: none !important;
}
.coupon-input.is-applied:focus {
    outline: none !important; border-color: #cbd5e1 !important; box-shadow: none !important;
}
.coupon-btn {
    flex: 0 0 92px; width: 92px; height: 44px; padding: 0 10px; font-size: .88rem;
    font-weight: 600; display: inline-flex; align-items: center; justify-content: center; text-align: center;
    gap: 6px; box-sizing: border-box; white-space: nowrap; line-height: 1; margin: 0;
    position: relative; z-index: 2; box-shadow: none !important;
}
.coupon-btn.btn-primary, .coupon-btn.btn-dark { background: #1E3A8A; border-color: #1E3A8A; color: #ffffff !important; }
.coupon-btn.btn-primary:hover, .coupon-btn.btn-dark:hover { background: #172554; border-color: #172554; color: #ffffff !important; }
.coupon-btn.btn-danger { background: #dc2626; border-color: #dc2626; color: #ffffff !important; box-shadow: none !important; }
.cart-coupon .error, .cart-coupon [data-async-error], .cart-coupon [data-cart-error] { display: none !important; }
.coupon-applied { display: block; width: 100%; }
.cart-empty .btn + .btn { margin-left: var(--s-2); }
.cart-empty .row { justify-content: center; }

/* ---- Sepet kalemi: yapılandırma kutuları ---- */
.cart-item-config { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--s-3); margin: 0; }
.cart-item-config div { border: var(--bd); background: var(--c-bg); padding: var(--s-2) var(--s-3); min-width: 0; }
.cart-item-config dt { font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--c-mute); margin-bottom: .25rem; }
.cart-item-config dd { margin: 0; color: var(--c-ink); font-weight: 700; overflow-wrap: anywhere; display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-2); }
.cart-item-config .cart-cfg-price { font-weight: 700; color: var(--c-ink); margin-left: auto; white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
.cart-item-config dd a { font-weight: 600; font-size: var(--fs-sm); margin-left: var(--s-2); }

@media (max-width: 960px) {
    .checkout-layout { grid-template-columns: 1fr; }
    .checkout-side { position: static; }
}
@media (max-width: 640px) {
    .cart-item-fields { grid-template-columns: 1fr; }
    .cart-item-head { flex-direction: column; }
    .cart-item-price { text-align: left; }
    .info-list { grid-template-columns: 1fr; gap: 0; }
    .info-list dd { margin-bottom: var(--s-3); }
}
