/* Sepet, sipariş yapılandırma ve ödeme adımları: Kervanhost koyu/altın görünümü.
   Stok checkout-shell.css "rail" düzeninde sağ sütunu birincil renk gradyanıyla (turuncu→altın) boyuyor; beyaz yazı bu zeminde
   4:1 kontrasta düşüyor (altın uçta ~2:1) ve ana düğme arka planla aynı renk ailesinde kalıyordu. Burada yapıyı (sabit sağ sütun)
   koruyup yalnızca görünümü değiştiriyoruz: koyu yüzey, altın vurgu, okunur metin. Yüklenme: layouts/checkout.tpl */

/* ---------- sağ sütun (sipariş özeti): koyu yüzey ---------- */
body.checkout-shell .checkout-split-aside{
  --rail-fg:#fff;
  --rail-fg-muted:#d3b88f;
  --rail-fg-faint:rgba(211,184,143,.72);
  --rail-line:rgba(211,184,143,.18);
  --rail-line-strong:rgba(211,184,143,.34);
  --rail-fill:rgba(255,255,255,.05);
  --rail-fill-strong:rgba(242,181,68,.14);
  --rail-discount:#f2b544;
  --bs-secondary-color:var(--rail-fg-muted);
  --bs-success-text-emphasis:var(--rail-discount);
  --bs-success-bg-subtle:var(--rail-fill-strong);
  --bs-success-border-subtle:var(--rail-line-strong);
  color:var(--rail-fg);
  background-color:#1b110a;
  background-image:
    radial-gradient(90% 55% at 100% 0%,rgba(242,181,68,.15) 0%,transparent 62%),
    radial-gradient(80% 50% at 0% 100%,rgba(212,88,42,.13) 0%,transparent 62%),
    linear-gradient(180deg,#22160e 0%,#170e08 100%);
}
@media (min-width:992px){
  body.checkout-shell:not(.checkout-shell-centered) .checkout-split-aside{border-inline-start:1px solid rgba(211,184,143,.2);box-shadow:-18px 0 50px rgba(0,0,0,.35)}
}

/* özet metinleri */
body.checkout-shell .checkout-split-aside .order-summary h2{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--xl-g1,#f2b544)}
body.checkout-shell .checkout-split-aside .summary-label,
body.checkout-shell .checkout-split-aside .summary-value{font-size:.95rem}
body.checkout-shell .checkout-split-aside .order-summary-total{align-items:baseline}
body.checkout-shell .checkout-split-aside .order-summary-total .summary-label{font-size:1rem;font-weight:600}
body.checkout-shell .checkout-split-aside .order-summary-total .summary-value{font-family:"Montserrat",sans-serif;font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--xl-g1,#f2b544)}
body.checkout-shell .checkout-split-aside .summary-rule{opacity:1;border-color:var(--rail-line-strong)}
body.checkout-shell .checkout-split-aside .order-summary-savings{border:1px solid var(--rail-line-strong);background:var(--rail-fill-strong);color:var(--rail-discount);border-radius:12px}

/* ana düğme: koyu zeminde altın gradyan, belirgin ve dokunulabilir */
body.checkout-shell .checkout-split-aside .btn-primary,
body.checkout-shell .checkout-actionbar-cta,
body.checkout-shell .checkout-split-main .btn-primary[type=submit]{
  font-weight:700;letter-spacing:.01em;
  box-shadow:0 .6rem 1.6rem rgba(242,181,68,.22),inset 0 1px 0 rgba(255,255,255,.35);
}
body.checkout-shell .checkout-split-aside .btn-primary{padding-block:.8rem;font-size:1.02rem}
body.checkout-shell .checkout-split-aside .btn-primary:hover,
body.checkout-shell .checkout-split-main .btn-primary[type=submit]:hover{box-shadow:0 .8rem 2rem rgba(242,181,68,.34),inset 0 1px 0 rgba(255,255,255,.4)}
body.checkout-shell .checkout-split-aside .btn-primary:disabled,
body.checkout-shell .checkout-split-aside .btn-primary.disabled{box-shadow:none;opacity:.5}
body.checkout-shell .checkout-split-aside .btn-soft{border-color:var(--rail-line-strong);color:#f3c97a}
body.checkout-shell .checkout-split-aside .btn-soft:hover{background:var(--rail-fill-strong);color:#fff}
body.checkout-shell .checkout-split-aside .form-control:focus{border-color:var(--xl-g1,#f2b544);box-shadow:0 0 0 .22rem rgba(242,181,68,.2)}

/* ---------- sol sütun: sepet kalemleri ---------- */
.cart-item{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.cart-item:hover{border-color:rgba(242,181,68,.34);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.cart-item .icon-disc{background:linear-gradient(135deg,rgba(242,181,68,.22),rgba(212,88,42,.18));color:var(--xl-g1,#f2b544);border:1px solid rgba(242,181,68,.28)}
.cart-item .cart-item-price{font-family:"Montserrat",sans-serif;font-weight:800;color:var(--xl-g1,#f2b544);letter-spacing:-.01em}
.cart-item-specs li i{color:var(--xl-g1,#f2b544)}
.cart-item-section-toggle{border-radius:10px;transition:background .2s}
.cart-item-section-toggle:hover{background:rgba(242,181,68,.07);color:#fff}
.cart-chip{border-color:rgba(211,184,143,.22)}

/* sipariş yapılandırma/ödeme adımı: kart başlıkları ve ana gönder düğmesi */
.checkout-split-main .card{border-color:rgba(211,184,143,.16)}
.checkout-split-main .card:hover{border-color:rgba(211,184,143,.26)}
.checkout-split-main-inner h1{font-family:"Montserrat",sans-serif;letter-spacing:-.02em}
.checkout-split-main .btn-primary[type=submit]{padding-block:.85rem;font-size:1.05rem}

/* adım göstergesi: etkin adım altın, tamamlanan adım onay işareti */
.checkout-step.is-active .checkout-step-num{background:var(--xl-grad);color:#2a1404;border-color:transparent}
.checkout-step.is-done .checkout-step-num{background:rgba(242,181,68,.18);color:var(--xl-g1,#f2b544);border-color:rgba(242,181,68,.4)}

/* ---------- mobil: sepet sayfasında yapışkan alt çubuk (toplam + devam) ---------- */
@media (max-width:991.98px){
  body.checkout-cart .checkout-actionbar{display:block;position:fixed;inset-inline:0;inset-block-end:0;z-index:1031;
    background:rgba(26,16,10,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-block-start:1px solid rgba(211,184,143,.22);box-shadow:0 -12px 34px rgba(0,0,0,.45);
    padding-block:.7rem calc(.7rem + env(safe-area-inset-bottom,0px))}
  body.checkout-cart .checkout-actionbar-inner{max-inline-size:none;padding-inline:1rem}
  body.checkout-cart .checkout-actionbar-cta{min-height:44px;padding-inline:1.4rem}
  body.checkout-cart .checkout-actionbar-label{color:var(--xl-dim,#d3b88f)}
  body.checkout-cart .checkout-actionbar-value{color:var(--xl-g1,#f2b544);font-family:"Montserrat",sans-serif;font-weight:800}
  body.checkout-cart{padding-block-end:5.2rem}
  /* özet bloğu tam genişlikte kalsın, sağ sütun kenar çizgisi olmasın */
  body.checkout-shell .checkout-split-aside{border-block-start:1px solid rgba(211,184,143,.2)}
  .checkout-split-aside-inner{padding:1.5rem 1rem 1.25rem}
}
@media (max-width:575.98px){
  .checkout-split-main-inner{padding-inline:1rem}
  .cart-item .card-body{padding:1rem!important}
  .cart-item .cart-item-price{font-size:1.1rem}
}

@media (prefers-reduced-motion:reduce){
  .cart-item,.cart-item-section-toggle{transition:none}
}