, sınıfı ne olursa
olsun grid hücresi olarak sayılır. Eşleşmeyen/boş bir öğe kalırsa en azından
görünmez bir "hayalet" hücre bırakmasın diye minimum yükseklik/genişlik veriyoruz. */
.woocommerce-page ul.products > li{min-width:0}
.woocommerce-page ul.products > li:empty{display:none !important}
/* :empty sadece hiç alt öğesi olmayan (boşluk karakteri bile olmayan) li'leri yakalar.
Grid'de sürekli tekrarlayan "boş ilk hücre" sorunu, içinde görsel de başlık da
olmayan (muhtemelen adı/görseli olmayan bozuk bir kategori terimine ait) bir li'den
kaynaklanıyor olabilir — bunu da kapsamlı şekilde gizliyoruz. */
.woocommerce-page ul.products > li:not(:has(img)):not(:has(.woocommerce-loop-category__title)):not(:has(.woocommerce-loop-product__title)){
display:none !important}
/* "genel" (varsayılan/silinemez) kategori: PHP tarafında woocommerce_product_subcategories_args
filtresiyle hariç tutulmaya çalışıldı, ancak WooCommerce sürümüne göre bu filtre her zaman
devreye girmeyebilir. Bu yüzden ayrıca kesin bir CSS güvenlik önlemi olarak, adres son eki
(slug) "genel" olan kategori linkini doğrudan hedefleyip kartı tamamen gizliyoruz — bu,
WooCommerce'in iç sorgu mantığından tamamen bağımsız çalışır. */
.woocommerce-page ul.products li.product-category:has(a[href$="/genel/"]),
.woocommerce-page ul.products li.product-category:has(a[href*="/genel/?"]){
display:none !important}
@media(max-width:960px){
.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr) !important;gap:20px !important}
}
@media(max-width:560px){
.woocommerce-page ul.products{grid-template-columns:1fr !important;gap:16px !important}
.woocommerce-products-header__title.page-title{font-size:28px}
}
/* Sayfalama */
.woocommerce-pagination{margin-top:8px}
.woocommerce-pagination ul.page-numbers{display:flex;gap:8px;list-style:none;padding:0;margin:0;
justify-content:center;flex-wrap:wrap}
.woocommerce-pagination ul.page-numbers li{margin:0}
.woocommerce-pagination .page-numbers{display:flex;align-items:center;justify-content:center;
width:38px;height:38px;border:1px solid var(--ys-border);border-radius:50%;font-size:12px;
color:var(--ys-ink);text-decoration:none;transition:all .2s}
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers:hover{background:var(--ys-green);border-color:var(--ys-green);color:#fff}
/* Varsayılan kenar çubuğunu gizle: tam genişlik, sade bir vitrin tercih edildi.
NOT: Gerçek sunucuda kenar çubuğunun HTML id'sinin "#secondary" değil "#sidebar"
olduğu tespit edildi (bu yüzden aşağıdaki kural hiç eşleşmiyor, kenar çubuğu
gizlenmiyor ve mağaza sayfasında soldan yer kaplayan "boş" bir sütun gibi
görünüyordu) — "#sidebar" seçicisi de eklendi. Asıl kalıcı çözüm inc/setup.php
içinde WooCommerce'in kenar çubuğunu bu sayfalarda hiç render etmemesini
sağlamak (ys_remove_woocommerce_sidebar); bu CSS kuralı sadece ek güvence. */
.woocommerce-page:not(.single-product) #secondary,
.woocommerce-page:not(.single-product) #sidebar,
.woocommerce-page:not(.single-product) .widget-area{display:none !important}
.woocommerce-page:not(.single-product) #primary,
.woocommerce-page:not(.single-product) .content-area{width:100% !important;float:none !important;max-width:none !important}
/* Filtre/sonuç yok mesajı */
.woocommerce-info{background:var(--ys-surface-soft);border:1px solid var(--ys-border);border-left:3px solid var(--ys-gold);
padding:18px 20px;font-size:13px;color:var(--ys-muted);border-radius:4px;list-style:none}
@media(max-width:560px){.ys-tryon-box{padding:20px}.ys-tryon-stage{min-height:260px}}
/* ===== Mobil Alt Tab Bar (Mağaza / Tamir Talebi / Atölye / Sepet) ===== */
.ys-mobile-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:500;
background:var(--ys-green-dark);border-top:1px solid rgba(255,255,255,.08);
box-shadow:0 -6px 20px rgba(8,17,32,.28);
padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.ys-mobile-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
color:rgba(255,255,255,.7);font-size:10px;font-weight:600;letter-spacing:.2px;
text-decoration:none;position:relative;padding:4px 0}
.ys-mobile-tabbar a.is-current{color:var(--ys-gold-light)}
.ys-tab-icon{display:inline-block;width:21px;height:21px;background:currentColor;
-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;
mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.ys-tab-icon-shop{-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,")}
.ys-tab-icon-repair{-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,")}
.ys-tab-icon-workshop{-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,")}
.ys-tab-icon-cart{-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,")}
.ys-tab-cart-count{position:absolute;top:-2px;right:calc(50% - 22px);background:var(--ys-gold);
color:var(--ys-green-dark);font-size:9px;border-radius:8px;padding:0 4px;font-weight:700;line-height:1.5}
@media(max-width:960px){
.ys-mobile-tabbar{display:flex}
body{padding-bottom:66px}
}
/* ==========================================================================
WooCommerce: Ürün Detay + Sepet + Ödeme sayfaları — tema uyumlu stil
========================================================================== */
/* --- Breadcrumb (mağaza/ürün/sepet/ödeme genelinde) --- */
.woocommerce-breadcrumb{max-width:1320px;margin:0 auto;padding:22px 40px 0;font-size:12px;color:var(--ys-muted)}
.woocommerce-breadcrumb a{color:var(--ys-muted)}
.woocommerce-breadcrumb a:hover{color:var(--ys-gold)}
/* --- Tek Ürün Sayfası --- */
.single-product div.product{max-width:1320px;margin:0 auto;padding:30px 40px 80px;
display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.single-product div.product .woocommerce-product-gallery{background:var(--ys-surface);
border-radius:14px;overflow:hidden;box-shadow:var(--ys-shadow-sm)}
.single-product div.product .woocommerce-product-gallery img{width:100%;object-fit:cover}
.single-product div.product .summary{padding-top:6px}
.single-product div.product .summary h1.product_title{font-size:32px;margin-bottom:14px}
.single-product div.product .summary .price{display:block;font-family:var(--ys-font-display);
font-size:28px;color:var(--ys-gold);margin-bottom:20px}
.single-product div.product .summary .price ins{text-decoration:none;color:var(--ys-gold)}
.single-product div.product .summary .price del{color:var(--ys-muted);opacity:.7;margin-right:10px}
.single-product div.product .summary .woocommerce-product-details__short-description{
color:var(--ys-muted);line-height:1.8;margin-bottom:26px}
.single-product div.product .summary form.cart{display:flex;align-items:center;gap:16px;
margin:26px 0;flex-wrap:wrap}
.single-product div.product .summary .quantity{margin:0}
.single-product div.product .summary .quantity input.qty{width:70px;padding:12px;text-align:center;
border:1px solid var(--ys-border);border-radius:8px;background:var(--ys-surface)}
.single-product div.product .summary button.single_add_to_cart_button{
background:linear-gradient(135deg,var(--ys-gold),var(--ys-gold-light));color:var(--ys-green-dark);
border:none;padding:15px 34px;border-radius:30px;font-weight:700;letter-spacing:.3px;
cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:var(--ys-shadow-sm)}
.single-product div.product .summary button.single_add_to_cart_button:hover{transform:translateY(-2px)}
.single-product div.product .summary .ys-tryon-open{margin-left:0}
.single-product div.product .summary .product_meta{margin-top:26px;padding-top:20px;
border-top:1px solid var(--ys-border);font-size:13px;color:var(--ys-muted)}
.single-product div.product .summary .product_meta a{color:var(--ys-muted)}
.single-product div.product .summary .product_meta a:hover{color:var(--ys-gold)}
.woocommerce-tabs{max-width:1320px;margin:0 auto;padding:0 40px 80px}
.woocommerce-tabs ul.tabs{display:flex;gap:28px;list-style:none;margin:0 0 30px;padding:0;
border-bottom:1px solid var(--ys-border)}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{display:block;padding:14px 0;font-weight:600;font-size:14px;
color:var(--ys-muted)}
.woocommerce-tabs ul.tabs li.active a{color:var(--ys-ink);border-bottom:2px solid var(--ys-gold)}
.woocommerce-tabs .panel{color:var(--ys-muted);line-height:1.8;max-width:800px}
.related.products, .upsells.products{max-width:1320px;margin:0 auto;padding:0 40px 80px}
.related.products > h2, .upsells.products > h2{font-size:26px;margin-bottom:30px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;
margin:0;padding:0}
@media(max-width:960px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
/* --- Sepet (Cart) Sayfası ---
Tablo, WooCommerce'in kendi HTML sırasını (Kaldır sütunu en başta) değil, CSS flex ile
BİZİM belirlediğimiz görsel sırayı kullanıyor: Görsel → Ürün → Fiyat → Miktar → Ara Toplam
→ Kaldır (her zaman en sağda). thead ve tbody aynı order/flex-basis değerlerini paylaştığı
için başlıklar veri sütunlarıyla piksel piksel hizalı kalıyor. */
.woocommerce-cart .woocommerce{max-width:1320px;margin:0 auto;padding:20px 40px 80px}
table.shop_table.cart{width:100%;background:var(--ys-surface);border-radius:14px;
overflow:hidden;box-shadow:var(--ys-shadow-sm);border:1px solid var(--ys-border);
margin-bottom:30px;display:block}
table.shop_table.cart thead, table.shop_table.cart tbody{display:block;width:100%}
table.shop_table.cart tr{display:flex;align-items:center;width:100%;flex-wrap:nowrap}
table.shop_table.cart thead tr{background:var(--ys-ivory);border-bottom:1px solid var(--ys-border)}
table.shop_table.cart tbody tr.woocommerce-cart-form__cart-item{border-bottom:1px solid var(--ys-border)}
table.shop_table.cart th, table.shop_table.cart td{padding:16px 14px;vertical-align:middle;
box-sizing:border-box;border-top:none}
table.shop_table.cart thead th{text-align:left;font-size:12px;text-transform:uppercase;
letter-spacing:.6px;color:var(--ys-muted);font-weight:600}
table.shop_table.cart thead th.product-thumbnail::before{content:"Görsel"}
table.shop_table.cart .product-thumbnail{order:1;flex:0 0 96px}
table.shop_table.cart .product-name{order:2;flex:2 1 200px;min-width:0}
table.shop_table.cart .product-price{order:3;flex:1 1 110px}
table.shop_table.cart .product-quantity{order:4;flex:0 0 120px}
table.shop_table.cart .product-subtotal{order:5;flex:1 1 130px}
table.shop_table.cart .product-remove{order:6;flex:0 0 54px;text-align:center}
table.shop_table.cart td.product-thumbnail img{width:64px;height:64px;object-fit:cover;
border-radius:8px;display:block}
table.shop_table.cart td.product-name a{font-weight:600;color:var(--ys-ink)}
table.shop_table.cart .quantity input.qty{width:64px;padding:9px;border:1px solid var(--ys-border);
border-radius:6px;text-align:center}
table.shop_table.cart td.product-subtotal{font-weight:700;color:var(--ys-gold)}
/* Kaldır: kırmızı "×" yazısı yerine, dairenin içinde çöp kutusu ikonu */
table.shop_table.cart td.product-remove a.remove{
width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
border-radius:50%;background:var(--ys-surface-soft);font-size:0;margin:0 auto}
table.shop_table.cart td.product-remove a.remove::before{
content:"";display:inline-block;width:15px;height:15px;background-color:#b23;
-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
table.shop_table.cart td.product-remove a.remove:hover{background:#fbe4e4}
table.shop_table.cart td.product-remove a.remove:hover::before{background-color:#8c1a1a}
/* Kupon / Sepeti güncelle şeridi: WooCommerce bunu colspan'li tek bir |
olarak basıyor — display:flex verildiğinde tablo hücresi olmaktan çıktığı için genişliği
içeriğine göre küçülüp sağda büyük, boş bir alan bırakıyordu; width:100% ile düzeltildi. */
table.shop_table.cart td.actions{display:flex !important;width:100%;flex:0 0 100%;
justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px}
.woocommerce-cart-form .actions .coupon{display:flex;gap:10px;flex-wrap:wrap}
.woocommerce-cart-form .actions .coupon input#coupon_code{padding:12px 16px;border:1px solid var(--ys-border);
border-radius:8px}
.woocommerce-cart-form .actions button, .cart-collaterals .checkout-button{
background:linear-gradient(135deg,var(--ys-gold),var(--ys-gold-light));color:var(--ys-green-dark);
border:none;padding:13px 26px;border-radius:30px;font-weight:700;cursor:pointer}
.cart-collaterals{display:block}
/* WooCommerce çekirdeği .cart_totals'a float:right + width:48% veriyor (3 sınıflı seçici,
bizimkinden daha yüksek özgüllükte) — kutu bu yüzden hâlâ sağa yaslı/dar kalıyordu;
!important ile ezip tabloyla aynı tam genişliğe getiriyoruz. */
.cart-collaterals .cart_totals{background:var(--ys-surface);border-radius:14px;padding:26px 30px;
box-shadow:var(--ys-shadow-sm);border:1px solid var(--ys-border);max-width:none !important;
width:100% !important;float:none !important}
.cart-collaterals .cart_totals h2{font-size:20px;margin-bottom:16px}
.cart-collaterals .cart_totals table{width:100%}
.cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals table td{
padding:12px 0;border-bottom:1px solid var(--ys-border);font-size:14px}
.cart-collaterals .cart_totals .order-total .woocommerce-Price-amount{
color:var(--ys-gold);font-family:var(--ys-font-display);font-size:20px}
.cart-collaterals .wc-proceed-to-checkout{margin-top:20px}
.cart-collaterals .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;
width:100%;box-sizing:border-box}
@media(max-width:900px){
table.shop_table.cart .product-thumbnail{flex-basis:72px}
table.shop_table.cart .product-name{flex-basis:150px}
table.shop_table.cart .product-price{flex-basis:90px}
table.shop_table.cart .product-quantity{flex-basis:100px}
table.shop_table.cart .product-subtotal{flex-basis:100px}
}
/* --- Ödeme (Checkout) Sayfası --- */
.woocommerce-checkout .woocommerce{max-width:1100px;margin:0 auto;padding:20px 40px 80px}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;
align-items:start}
/* "Ek bilgi" #customer_details içine gömülü olduğu için sol sütun genelde sağdakinden
çok daha uzun oluyor; grid'in otomatik yerleşimi #order_review'i (sipariş tablosu)
YİNE sol sütuna, dev Fatura kartının altına itiyordu — "Siparişiniz" başlığı sağda
yalnız kalıp altı boş kalıyordu. Artık ikisi de açıkça sağ sütuna sabitleniyor. */
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1}
/* Başlık ve sipariş tablosunu AYNI hücrede (sağ sütun, 1. satır) tutuyoruz da sipariş
tablosunu başlığın hemen altına margin-top ile indiriyoruz — ayrı bir satıra (grid-row:2)
koysaydık, o satırın yüksekliği sol sütundaki uzun Fatura kartına göre belirlendiği için
(946px), tablo başlığın ~950px altına düşüyor, sağ tarafta koca bir boşluk kalıyordu. */
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;align-self:start}
.woocommerce-checkout #order_review{grid-column:2;grid-row:1;align-self:start;margin-top:52px}
.woocommerce-checkout #customer_details{background:var(--ys-surface);border-radius:14px;
padding:30px;box-shadow:var(--ys-shadow-sm);border:1px solid var(--ys-border)}
.woocommerce-checkout .woocommerce-additional-fields{background:var(--ys-surface);border-radius:14px;
padding:30px;box-shadow:var(--ys-shadow-sm);border:1px solid var(--ys-border);margin-top:20px}
@media(max-width:960px){.woocommerce-checkout .woocommerce-additional-fields{padding:18px}}
@media(max-width:480px){.woocommerce-checkout .woocommerce-additional-fields{padding:14px}}
.woocommerce-checkout h3{font-size:20px;margin-bottom:20px}
.woocommerce-checkout .form-row label{font-size:13px;font-weight:600;margin-bottom:6px;display:block}
.woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{width:100%;padding:12px 14px;border:1px solid var(--ys-border);
border-radius:8px;background:var(--ys-ivory)}
.woocommerce-checkout #order_review{background:var(--ys-surface);border-radius:14px;padding:30px;
box-shadow:var(--ys-shadow-sm);border:1px solid var(--ys-border)}
.woocommerce-checkout table.shop_table{width:100%;border-collapse:collapse}
.woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td{
padding:12px 0;border-bottom:1px solid var(--ys-border);font-size:14px}
.woocommerce-checkout .order-total .woocommerce-Price-amount{color:var(--ys-gold);
font-family:var(--ys-font-display);font-size:20px}
.woocommerce-checkout #payment{background:var(--ys-surface-soft);border-radius:12px;
padding:20px;margin-top:20px}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0;padding:0}
.woocommerce-checkout #payment .payment_box{background:#fff;border-radius:8px;padding:14px 16px;
margin-top:10px;font-size:13px;color:var(--ys-muted)}
.woocommerce-checkout #place_order{width:100%;background:linear-gradient(135deg,var(--ys-gold),var(--ys-gold-light));
color:var(--ys-green-dark);border:none;padding:16px;border-radius:30px;font-weight:700;
font-size:15px;cursor:pointer;margin-top:16px}
@media(max-width:960px){
/* min-width:0: CSS Grid varsayılan olarak hücreyi içeriğin "min-content" genişliğinden
küçültmüyor; bu da tek sütuna düşen ürün/ödeme grid'lerinde sağda görünmez birkaç
piksellik taşma (sayfanın hafif sağa kayması) yaratıyordu — kökten düzeltiliyor. */
.single-product div.product{grid-template-columns:1fr;padding:20px 24px 60px;min-width:0}
.single-product div.product > *{min-width:0}
.woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce{padding:16px 18px 60px}
/* Masaüstünde 50px boşluk iki sütun ARASINDAKİ mesafeydi; mobilde tek sütuna
düşünce aynı 50px şimdi "Fatura detayları" ile "Siparişiniz" arasında (ve Ek bilgi
kartıyla arasında) gereksiz büyük bir dikey boşluğa dönüşüyordu — küçültüldü. */
.woocommerce-checkout form.checkout{grid-template-columns:1fr;padding:0;min-width:0;gap:24px}
/* Masaüstünde sağ sütunu tek satırda tutan grid-row/margin numarası mobilde tek sütuna
dönünce anlamsızlaşıyor — üçü de sırayla (Fatura → Siparişiniz başlığı → tablo) normal
akışa geri dönsün diye sıfırlanıyor. */
.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{grid-column:1;grid-row:auto;margin-top:0}
.woocommerce-checkout form.checkout > *{min-width:0}
.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review{padding:18px}
.cart-collaterals{justify-content:stretch}
.cart-collaterals .cart_totals{max-width:none}
/* WooCommerce varsayılanı Ad/Soyad gibi eşleşen alanları %50 genişlikte yan yana
(float ile) diziyor; küçük ekranda bu, kılavuz çizgilerinin dışına taşmaya ya da
sıkışmaya yol açabiliyor — mobilde tüm alanlar tek sütunda alt alta sıralanıyor. */
.woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last{
width:100% !important;float:none !important;clear:both}
}
@media(max-width:480px){
.woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce{padding:14px 14px 50px}
.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review{padding:14px}
}
/* --- Genişlik güvenliği: hiçbir öğe ekranın dışına taşıp sağda/solda görünmez bir
boşluk/kaydırma yaratmasın (metinler her zaman ekranın içinde kalmalı) --- */
html, body{overflow-x:hidden}
img, svg, video, iframe{max-width:100%;height:auto}
/* --- Yüksek öncelik: WooCommerce'in kendi çekirdek buton/renk stillerini eziyoruz --- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, a.checkout-button, button.single_add_to_cart_button,
#place_order{
background:linear-gradient(135deg,var(--ys-gold),var(--ys-gold-light)) !important;
background-color:var(--ys-gold) !important;
color:var(--ys-green-dark) !important;
border:none !important;
border-radius:30px !important;
font-weight:700 !important;
text-shadow:none !important;
box-shadow:none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
a.checkout-button:hover, button.single_add_to_cart_button:hover, #place_order:hover{
background:var(--ys-gold-light) !important;color:var(--ys-green-dark) !important;
}
/* "Sepeti güncelle" ve "Kupon kullan" ana "Ödemeye geç"/"Siparişi Tamamla" ile AYNI altın
renkte olduğu için müşteri hangisinin asıl işlem olduğunu ayırt edemiyordu — bunlar artık
ikincil (outline) stilde: ana CTA'lar altın dolgu, bunlar ise altın çerçeveli/şeffaf. */
.woocommerce-cart-form .actions button, .woocommerce-cart-form .actions .button{
background:transparent !important;
color:var(--ys-gold) !important;
border:1.5px solid var(--ys-gold) !important;
border-radius:30px !important;
font-weight:700 !important;
box-shadow:none !important;
}
.woocommerce-cart-form .actions button:hover, .woocommerce-cart-form .actions .button:hover{
background:var(--ys-gold) !important;color:var(--ys-green-dark) !important;
}
.woocommerce .price, .woocommerce-Price-amount{color:var(--ys-gold) !important}
.woocommerce .price ins .woocommerce-Price-amount{color:var(--ys-gold) !important}
.woocommerce span.onsale{background:var(--ys-green) !important;color:#fff !important}
.woocommerce-message, .woocommerce-info{border-top-color:var(--ys-gold) !important}
.woocommerce-message::before, .woocommerce-info::before{color:var(--ys-gold) !important}
/* ===== Mobil header: logo ortada, sepet ikonu gizli (sepet alt tab bar'da) ===== */
@media(max-width:960px){
.ys-header{justify-content:center}
.ys-header-icons{display:none}
}
/* ===== Mobil Sepet (Cart) kartı: ürün görseli + isim + fiyat + miktar net görünsün ===== */
@media(max-width:768px){
/* Mobilde her ürün küçük bir "satır kartı"na dönüşüyor: görsel+isim üstte, altında
Fiyat/Miktar/Ara Toplam etiketli satırlar — okunması masaüstü tablosu kadar net. */
table.shop_table.cart thead{display:none}
table.shop_table.cart, table.shop_table.cart tbody, table.shop_table.cart tr, table.shop_table.cart td{
display:block;width:100%}
table.shop_table.cart tr.woocommerce-cart-form__cart-item{
display:flex;flex-wrap:wrap;position:relative;padding:16px;gap:0 14px;
border:none;border-bottom:1px solid var(--ys-border)}
table.shop_table.cart td{border:none;padding:0}
/* WooCommerce çekirdek CSS'i mobilde her | 'nin önüne data-title özniteliğini
(`attr(data-title) ": "`) otomatik ekliyor — Ürün/Görsel/Kaldır sütunlarında bu
çift etiketlenmeye (ör. "Ürün:Ürün-01") ya da boş ":" görünmesine yol açıyordu;
burada susturup yalnızca Fiyat/Miktar/Ara Toplam için kendi etiketlerimizi kullanıyoruz. */
table.shop_table.cart td.product-thumbnail::before,
table.shop_table.cart td.product-name::before{content:none !important}
table.shop_table.cart td.product-thumbnail{order:1;flex:0 0 72px;width:72px;display:block !important}
table.shop_table.cart td.product-thumbnail img{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block !important}
table.shop_table.cart td.product-name{order:2;flex:1 1 calc(100% - 86px);font-size:14px;
display:flex;align-items:center;padding-right:30px}
table.shop_table.cart td.product-name a{font-weight:700;color:var(--ys-ink)}
table.shop_table.cart td.product-remove{order:6;position:absolute;top:14px;right:14px;width:auto;flex:none}
table.shop_table.cart td.product-remove a.remove{width:26px;height:26px}
table.shop_table.cart td.product-remove a.remove::before{width:13px;height:13px}
table.shop_table.cart td.product-price{order:3;flex:0 0 calc(100% - 86px);margin-left:86px;
font-weight:700;color:var(--ys-gold);font-size:14px;margin-top:8px}
table.shop_table.cart td.product-price::before{content:"Fiyat: ";font-weight:400;
color:var(--ys-muted);font-size:11px}
table.shop_table.cart td.product-quantity{order:4;flex:0 0 calc(100% - 86px);margin-left:86px;
margin-top:8px;display:flex;align-items:center;gap:6px}
table.shop_table.cart td.product-quantity::before{content:"Miktar:";font-weight:400;
color:var(--ys-muted);font-size:11px}
table.shop_table.cart td.product-quantity .quantity input.qty{width:64px}
table.shop_table.cart td.product-subtotal{order:5;flex:0 0 calc(100% - 86px);margin-left:86px;
margin-top:8px;font-weight:700;color:var(--ys-ink);font-size:14px}
table.shop_table.cart td.product-subtotal::after{content:" (Ara Toplam)";font-weight:400;
color:var(--ys-muted);font-size:11px}
table.shop_table.cart td.actions{padding:16px;flex-direction:column;align-items:stretch}
}
/* ===== Kupon aç/kapa linkindeki ikon-metin çakışması düzeltmesi ===== */
.woocommerce-cart-form .actions .showcoupon{position:relative;display:inline-block;
font-weight:600;color:var(--ys-ink)}
/* ===== Yüklenen logo görseli (varsa) ===== */
.ys-logo-img{max-height:56px;max-width:220px;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:960px){.ys-logo-img{max-height:44px;max-width:180px}}
|