/* Kaynak: Sepet.dc.html
Markup: partials/pages/cart.php + themes/formasyon-fes/woocommerce/cart/*.php
Bu dosya yalnız inline yazılamayanları taşır: WooCommerce'in ÜRETTİĞİ
markup (miktar alanı, bildirim, kargo listesi), pseudo-class'lar, medya
sorguları ve tema/Woo çekirdek CSS'ini nötrleyen kurallar. */
body { margin:0; background:#fff; -webkit-font-smoothing:antialiased; }
.fes-app a { color:#174A91; text-decoration:none; }
.fes-app a:hover { color:#092D5B; }
/* --- WooCommerce shortcode sarmalayıcısı ---------------------------------
[woocommerce_cart] çıktısını sarar; tasarımın
ızgarası bu kabın içindedir, kap kendi kutusunu dayatmamalı. */
.fes-app[data-fes-page="cart"] .woocommerce { width:100%; margin:0; padding:0; }
.fes-app[data-fes-page="cart"] .woocommerce::before,
.fes-app[data-fes-page="cart"] .woocommerce::after { content:none; }
/* Woo çekirdeği sepet toplamlarını sağa float'lar ve %48 genişlik verir. */
.fes-app[data-fes-page="cart"] .cart-collaterals,
.fes-app[data-fes-page="cart"] .cart-collaterals .cart_totals {
float:none; width:100%; text-align:left;
}
.fes-app[data-fes-page="cart"] .cart-collaterals .cross-sells {
float:none; width:100%;
padding:22px 24px; border:1px solid #DCE5EF; border-radius:16px; background:#fff;
}
/* --- Bildirimler ---------------------------------------------------------
Kutu görünümünün TEK sahibi fes-frontend.css'tir (header.php bildirimleri
sayfadan önce basar). Burada yalnız sepete özgü artıklar temizlenir. */
.fes-app[data-fes-page="cart"] .woocommerce-notices-wrapper:empty { display:none; }
.fes-app[data-fes-page="cart"] .coupon-error-notice {
margin:6px 0 0; width:100%; font-size:12.5px; font-weight:700; color:#D83D35;
}
/* --- Güncelleme durumu (fes-cart.js) -------------------------------------
Miktar değişince "Sepeti güncelle" otomatik tetiklenir; istek sürerken
sepet bloğu kısılır ve tıklamaya kapanır. `data-loading` yalnız JS varken
doğar, duruş hâlinde hiçbir kurala girmez.
Woo'nun blockUI örtüsü (beyaz, %60) İPTAL: iki katman üst üste binince
sepet okunmaz hâle geliyordu; durumun tek sahibi bu kural. İşlevsel etkisi
yok — cart.js kilidi `.processing` SINIFIYLA denetler, örtüyle değil,
tıklama koruması da pointer-events ile burada verilir. */
.fes-app[data-fes-page="cart"] [data-fes-cart-root] {
transition:opacity .2s cubic-bezier(.2,.75,.25,1);
}
.fes-app[data-fes-page="cart"] [data-fes-cart-root][data-loading] {
opacity:.55; pointer-events:none;
}
.fes-app[data-fes-page="cart"] [data-fes-cart-root] .blockUI.blockOverlay { display:none !important; }
/* --- Kanca satırı taşıyıcıları (boş tablo görünmesin) -------------------- */
.fes-app[data-fes-page="cart"] .fes-cart-hookrows:empty,
.fes-app[data-fes-page="cart"] .fes-cart-hookrows tbody:empty { display:none; }
/* --- Miktar alanı: tasarımdaki 108×42 stepper ----------------------------
Native KALIR — JS kapalıyken de yazılabilir ve
"Sepeti güncelle" ile gönderilir; o durumda tarayıcının kendi ok tuşları
görünür. −/+ düğmeleri yalnız JS açıkken (`html.fes-js`) gösterilir; sınıf
kökte durduğu için Woo formu AJAX ile değişse de durum korunur. */
.fes-app[data-fes-page="cart"] .fes-qty {
display:flex; align-items:center; height:42px; width:108px; flex:0 0 auto;
border:1px solid #DCE5EF; border-radius:9px; background:#fff; overflow:hidden;
}
.fes-app[data-fes-page="cart"] .fes-qty:focus-within {
border-color:#174A91; box-shadow:0 0 0 3px rgba(23,74,145,.12);
}
.fes-app[data-fes-page="cart"] .fes-qty .quantity {
display:block; flex:1 1 auto; min-width:0; margin:0; float:none;
}
.fes-app[data-fes-page="cart"] .fes-qty input.qty {
width:100%; height:40px; padding:0 2px; border:0; border-radius:0; background:none;
font:700 14px Manrope, Arial, sans-serif; color:#10233C; text-align:center;
box-sizing:border-box;
}
.fes-app[data-fes-page="cart"] .fes-qty input.qty:focus { outline:0; border:0; box-shadow:none; }
.fes-app[data-fes-page="cart"] .fes-qty__btn { display:none; }
.fes-js .fes-app[data-fes-page="cart"] .fes-qty input.qty { -moz-appearance:textfield; appearance:textfield; }
.fes-js .fes-app[data-fes-page="cart"] .fes-qty input.qty::-webkit-outer-spin-button,
.fes-js .fes-app[data-fes-page="cart"] .fes-qty input.qty::-webkit-inner-spin-button {
-webkit-appearance:none; margin:0;
}
.fes-js .fes-app[data-fes-page="cart"] .fes-qty__btn {
display:grid; place-items:center; flex:0 0 auto;
width:34px; height:40px; padding:0; border:0; background:#fff;
color:#092D5B; font:400 16px/1 Manrope, Arial, sans-serif; cursor:pointer;
transition:background .18s cubic-bezier(.2,.75,.25,1), color .18s cubic-bezier(.2,.75,.25,1);
}
.fes-js .fes-app[data-fes-page="cart"] .fes-qty__btn:hover,
.fes-js .fes-app[data-fes-page="cart"] .fes-qty__btn:focus {
background:#F3F8FD; color:#092D5B;
}
/* --- Kaldır düğmesi -----------------------------------------------------
Woo çekirdeği `a.remove{color:red!important}` yazar; !important şart. */
.fes-app[data-fes-page="cart"] .product-remove a.remove {
width:36px !important; height:36px !important; line-height:0 !important;
font-size:0 !important; border-radius:9px !important;
border:1px solid #DCE5EF !important; background:#fff !important; color:#6C7F92 !important;
display:grid !important; place-items:center; text-decoration:none !important;
}
.fes-app[data-fes-page="cart"] .product-remove a.remove:hover,
.fes-app[data-fes-page="cart"] .product-remove a.remove:focus {
border-color:#D83D35 !important; background:#fff !important; color:#D83D35 !important;
}
/* --- Aksiyon satırı ----------------------------------------------------- */
.fes-app[data-fes-page="cart"] .actions .coupon { flex-wrap:wrap; }
.fes-app[data-fes-page="cart"] [name="update_cart"]:disabled { opacity:.45; cursor:not-allowed; }
.fes-app[data-fes-page="cart"] [name="update_cart"]:not(:disabled):hover,
.fes-app[data-fes-page="cart"] [name="update_cart"]:not(:disabled):focus {
background:#EFF5FB; color:#092D5B; border-color:#C9DAEC;
}
/* --- Sipariş özeti tablosu ---------------------------------------------- */
.fes-app[data-fes-page="cart"] .fes-totals-table th,
.fes-app[data-fes-page="cart"] .fes-totals-table td {
padding:0 0 13px; border:0; background:none; vertical-align:top;
font-size:14px; line-height:1.5;
}
.fes-app[data-fes-page="cart"] .fes-totals-table th {
width:50%; text-align:left; font-weight:500; color:#40556E;
}
.fes-app[data-fes-page="cart"] .fes-totals-table td { text-align:right; font-weight:700; color:#10233C; }
.fes-app[data-fes-page="cart"] .fes-totals-table tr:last-child th,
.fes-app[data-fes-page="cart"] .fes-totals-table tr:last-child td { padding-bottom:0; }
.fes-app[data-fes-page="cart"] .fes-totals-table .cart-discount td { color:#D83D35; }
.fes-app[data-fes-page="cart"] .fes-totals-table .cart-discount a {
display:inline-block; margin-left:8px; font-size:12px; font-weight:700; color:#6C7F92;
}
.fes-app[data-fes-page="cart"] .fes-totals-table .cart-discount a:hover { color:#D83D35; }
.fes-app[data-fes-page="cart"] .fes-totals-table .order-total th,
.fes-app[data-fes-page="cart"] .fes-totals-table .order-total td {
padding-top:20px; border-top:1px solid #EDF2F7;
}
.fes-app[data-fes-page="cart"] .fes-totals-table .order-total th {
font-size:14px; font-weight:800; color:#10233C;
}
.fes-app[data-fes-page="cart"] .fes-totals-table .order-total td {
font-family:'Instrument Sans', Manrope, Arial, sans-serif;
font-size:30px; line-height:1.1; font-weight:700; color:#092D5B;
}
.fes-app[data-fes-page="cart"] .fes-totals-table .includes_tax,
.fes-app[data-fes-page="cart"] .fes-totals-table small {
display:block; margin-top:4px; font-size:11.5px; font-weight:500; color:#6C7F92;
}
/* Kargo seçimi (Woo `
` basar — yapı korunmuştur) */
.fes-app[data-fes-page="cart"] .woocommerce-shipping-methods {
list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; text-align:left;
}
.fes-app[data-fes-page="cart"] .woocommerce-shipping-methods label {
font-size:13.5px; font-weight:600; color:#10233C;
}
.fes-app[data-fes-page="cart"] .woocommerce-shipping-destination,
.fes-app[data-fes-page="cart"] .shipping-calculator-button {
display:block; margin-top:8px; font-size:12.5px; font-weight:500; color:#6C7F92;
}
/* --- Claude Design style-hover/focus/active dönüşümleri --- */
.fes-app [data-fh="244f6f6c"]:hover { color:#174A91; }
.fes-app [data-fh="7d135da2"]:hover { border-color:#D83D35; color:#D83D35; }
.fes-app [data-fh="03c23b24"]:hover,
.fes-app [data-fh="03c23b24"]:focus { background:#F3F8FD; color:#092D5B; }
.fes-app [data-fh="2768aa5b"]:hover,
.fes-app [data-fh="2768aa5b"]:focus { background:#C4342D; color:#fff; transform:translateY(-2px); }
.fes-app [data-fh="1c6b7f30"]:hover { color:#092D5B; }
.fes-app [data-fh="a7afc95a"]:hover,
.fes-app [data-fh="a7afc95a"]:focus { background:#C4342D; color:#fff; }
.fes-app[data-fes-page="cart"] a:focus-visible,
.fes-app[data-fes-page="cart"] button:focus-visible,
.fes-app[data-fes-page="cart"] input:focus-visible {
outline:2px solid #174A91; outline-offset:2px; border-radius:8px;
}
/* --- Duyarlı yerleşim (tasarımın satır içi ızgaraları !important ister) --- */
@media (max-width:1023px) {
.fes-app[data-fes-page="cart"] .fes-cart-layout { grid-template-columns:1fr !important; }
.fes-app[data-fes-page="cart"] .fes-cart-aside { position:static !important; }
}
@media (max-width:767px) {
.fes-app[data-fes-page="cart"] .fes-cart-shell { padding-left:20px !important; padding-right:20px !important; }
.fes-app[data-fes-page="cart"] h1 { font-size:30px !important; letter-spacing:-.5px !important; }
.fes-app[data-fes-page="cart"] .fes-cart-item__side { margin-left:0 !important; width:100%; justify-content:space-between; }
.fes-app[data-fes-page="cart"] .actions { justify-content:flex-start !important; }
.fes-app[data-fes-page="cart"] .actions .coupon input { max-width:none !important; flex:1 1 140px; }
}
@media (max-width:479px) {
.fes-app[data-fes-page="cart"] .fes-steps { gap:8px !important; font-size:12px; }
.fes-app[data-fes-page="cart"] .fes-steps span[aria-hidden="true"] { width:18px !important; }
}