/* RCS ürün kartları (Botiga "layout3" işaretlemesi): görsel kenardan kenara 1:1, açık gri zemin, kart köşeleriyle uyumlu.
   Sepete ekle düğmesi görselin üstünde DEĞİL: masaüstünde fiyatın altında, mobilde görselin sağ alt köşesinde yuvarlak simge. */

/* --- Izgara (kenar çubuğu olan mağaza/kategori/arama): ≥1440 px 4, 1200-1439 px 3, 768-1199 px 2, mobil 2.
   Kenar çubuğu olmayan yerler (ana sayfa bölümleri, ilgili ürünler): en çok 4; 768-1024 px 3; mobil 2 --- */
.woocommerce ul.products{--rcs-cols:4;display:grid !important;grid-template-columns:repeat(var(--rcs-cols),minmax(0,1fr));gap:20px;margin:0 !important;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none !important}
.woocommerce ul.products li.product{width:auto !important;max-width:none !important;margin:0 !important;float:none !important}
body.archive.woocommerce ul.products,body:has(#secondary.widget-area) .woocommerce ul.products{--rcs-cols:3}
@media (min-width:1440px){
  body.archive.woocommerce ul.products,body:has(#secondary.widget-area) .woocommerce ul.products{--rcs-cols:4}
}
@media (min-width:768px) and (max-width:1199px){
  body.archive.woocommerce ul.products,body:has(#secondary.widget-area) .woocommerce ul.products{--rcs-cols:2}
}
@media (min-width:768px) and (max-width:1024px){
  .woocommerce ul.products{--rcs-cols:3;gap:16px}
  body.archive.woocommerce ul.products,body:has(#secondary.widget-area) .woocommerce ul.products{--rcs-cols:2}
}
@media (max-width:767px){
  .woocommerce ul.products,body.archive.woocommerce ul.products,body:has(#secondary.widget-area) .woocommerce ul.products{--rcs-cols:2;gap:10px}
}

/* --- Kart --- */
.woocommerce ul.products li.product{
  position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;
  background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:0 0 14px;
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.woocommerce ul.products li.product:hover{box-shadow:0 12px 30px rgba(15,23,42,.10);transform:translateY(-2px);border-color:#d9dde4}
/* görsel: kartın üstünü kenardan kenara doldurur, iç boşluk yok */
.woocommerce ul.products li.product .loop-image-wrap{
  position:relative;aspect-ratio:1/1;margin:0 0 12px !important;padding:0 !important;background:#f3f4f6;border-radius:0;overflow:hidden;
}
.woocommerce ul.products li.product .loop-image-wrap>a:not(.button){display:block;width:100%;height:100%;margin:0;padding:0}
.woocommerce ul.products li.product .loop-image-wrap img{
  display:block;width:100%;height:100%;margin:0;padding:0;object-fit:contain;mix-blend-mode:multiply;border-radius:0;
  transition:transform .35s ease;
}
.woocommerce ul.products li.product:hover .loop-image-wrap img{transform:scale(1.03);opacity:1 !important}
/* görsel altındaki içerik: yan boşluk */
.woocommerce ul.products li.product>.woocommerce-loop-product__title,
.woocommerce ul.products li.product>.star-rating,
.woocommerce ul.products li.product>.price,
.woocommerce ul.products li.product>.loop-button-wrap{margin-left:14px !important;margin-right:14px !important}
/* Başlık / etiket / fiyat / yıldız */
.woocommerce ul.products li.product .woocommerce-loop-product__title{margin:0 0 6px;text-align:left}
.woocommerce ul.products li.product .star-rating{margin-left:14px !important}
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product .botiga-wc-loop-product__title{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:15px;line-height:1.35;font-weight:600;color:#0f172a;text-decoration:none;
}
/* "for ..." sonrası (TR: "için" öncesi) kısım: başlığın altında etiket, tam görünür */
.woocommerce ul.products li.product .rcs-chip{
  display:inline-block;max-width:100%;margin:6px 0 0;padding:3px 10px;border-radius:999px;
  background:#e8f0fe;color:#1450b3;font-size:12px;font-weight:600;line-height:1.35;text-align:left;white-space:normal;
}
.woocommerce ul.products li.product .star-rating{margin-top:0;margin-bottom:6px;font-size:12px}
.woocommerce ul.products li.product .price{margin-top:auto;padding-top:8px;font-size:17px;font-weight:700;color:#0f172a;display:block;text-align:left}
.woocommerce ul.products li.product .price del{font-weight:400;font-size:14px;color:#94a3b8;margin-right:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:#1a5fd0}
/* Satış rozeti: sol üst, hap biçimli */
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{
  top:10px;left:10px;right:auto;min-height:0;min-width:0;line-height:1;padding:6px 10px;
  border:0;border-radius:999px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;z-index:3;
}
/* Boş yinelenen bağlantı/düğme sarmalayıcıları kartta yer kaplamasın */
.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link:empty,
.woocommerce ul.products li.product>.loop-button-wrap:empty{display:none}

/* --- Masaüstü: sepete ekle fiyatın altında, kart genişliğinde ince düğme (hep görünür, yer kaymaz) --- */
.woocommerce ul.products li.product>.loop-button-wrap{margin-top:10px !important;margin-bottom:0}
.woocommerce ul.products li.product>.loop-button-wrap a.button{
  display:flex !important;align-items:center;justify-content:center;width:100%;min-height:0 !important;margin:0 !important;
  padding:8px 14px !important;font-size:13.5px !important;font-weight:600 !important;line-height:1.2 !important;
  background:#fff !important;color:#1a5fd0 !important;border:1.5px solid #1a5fd0 !important;border-radius:999px !important;
  position:static !important;opacity:1 !important;transform:none !important;box-shadow:none;
  transition:background .15s,color .15s,border-color .15s;
}
.woocommerce ul.products li.product>.loop-button-wrap a.button:hover{background:#1a5fd0 !important;color:#fff !important}
.woocommerce ul.products li.product>.loop-button-wrap a.button.added{background:#16a34a !important;border-color:#16a34a !important;color:#fff !important}
.woocommerce ul.products li.product>.loop-button-wrap a.added_to_cart,
.woocommerce ul.products li.product a.added_to_cart{display:none !important}
/* Mobil sepet simgesi masaüstünde yok */
.woocommerce ul.products li.product .loop-image-wrap a.rcs-cart-icon{display:none !important}

/* --- Hızlı görüntüleme: sağ üstte küçük yuvarlak göz düğmesi (hover'da; dokunmatikte hep) --- */
.woocommerce ul.products li.product .loop-image-wrap a.botiga-quick-view{
  position:absolute !important;top:10px !important;right:10px !important;left:auto !important;bottom:auto !important;
  display:flex !important;align-items:center;justify-content:center;
  width:38px !important;height:38px !important;min-width:0 !important;max-width:38px !important;min-height:0 !important;padding:0 !important;margin:0 !important;flex:none !important;aspect-ratio:1/1;
  border:0 !important;border-radius:50% !important;background:#fff !important;color:#0f172a !important;
  font-size:0 !important;line-height:0 !important;box-shadow:0 2px 10px rgba(15,23,42,.2);
  opacity:0;transform:scale(.88);transition:opacity .2s ease,transform .2s ease,background .15s;z-index:4;
}
.woocommerce ul.products li.product .loop-image-wrap a.botiga-quick-view::before{
  content:"";display:block;width:19px;height:19px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/><circle cx='12' cy='12' r='3'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/><circle cx='12' cy='12' r='3'/></svg>") center/contain no-repeat;
}
.woocommerce ul.products li.product:hover .loop-image-wrap a.botiga-quick-view,
.woocommerce ul.products li.product:focus-within .loop-image-wrap a.botiga-quick-view{opacity:1;transform:none}
.woocommerce ul.products li.product .loop-image-wrap a.botiga-quick-view:hover{background:#1a5fd0 !important;color:#fff !important}

/* Mağaza/kategori sayfası başlığı: sıkı */
.woocommerce-page-header{padding:12px 0 0 !important;margin-bottom:0 !important}
/* breadcrumb satırı: son öğe H1 (tek başlık) */
.woocommerce-page-header .rcs-crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:15.5px;line-height:1.3;text-align:left}
.woocommerce-page-header .rcs-crumbs a{color:#64748b;text-decoration:none}
.woocommerce-page-header .rcs-crumbs a:hover{color:#1a5fd0}
.woocommerce-page-header .rcs-crumbs__sep{color:#94a3b8;font-size:18px}
.woocommerce-page-header .rcs-crumb-h1{display:inline;margin:0 !important;padding:0;font-size:24px;line-height:1.25;font-weight:700;color:#0f172a !important;text-align:left !important}
.woocommerce-sorting-wrapper{margin:4px 0 14px;padding-bottom:10px;border-bottom:1px solid #e8ebf0}
.woocommerce-result-count{font-size:14px;color:#64748b;margin:0}
.woocommerce-ordering select{border:1px solid #d9dde4;border-radius:999px;padding:8px 34px 8px 14px;font-size:14px;background-color:#fff}

/* Canlı arama: açıklama satırı gizli (ham kısa kod/uzun metin yok), temiz liste */
.botiga-ajax-search__item-info p{display:none}
.botiga-ajax-search__item-info h3{font-size:15px;line-height:1.3;margin:0}

/* --- Dokunmatik / mobil: göz düğmesi hep görünür --- */
@media (hover:none){
  .woocommerce ul.products li.product .loop-image-wrap a.botiga-quick-view{opacity:1 !important;transform:none !important;visibility:visible !important}
}
@media (max-width:767px){
  .woocommerce-page-header{padding:16px 0 4px !important}
  .woocommerce-page-header .rcs-crumbs{font-size:14px}
  .woocommerce-page-header .rcs-crumb-h1{font-size:20px}
  .woocommerce ul.products li.product{border-radius:12px;padding-bottom:12px}
  .woocommerce ul.products li.product .loop-image-wrap{margin-bottom:8px !important}
  .woocommerce ul.products li.product>.woocommerce-loop-product__title,
  .woocommerce ul.products li.product>.star-rating,
  .woocommerce ul.products li.product>.price,
  .woocommerce ul.products li.product>.loop-button-wrap{margin-left:10px !important;margin-right:10px !important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title a,
  .woocommerce ul.products li.product .botiga-wc-loop-product__title{font-size:13.5px;line-height:1.3}
  .woocommerce ul.products li.product .rcs-chip{font-size:11px;padding:2px 8px}
  .woocommerce ul.products li.product .price{font-size:15px}
  .woocommerce ul.products li.product .onsale{top:8px;left:8px;padding:4px 8px;font-size:10px}
  .woocommerce ul.products li.product .loop-image-wrap a.botiga-quick-view{top:8px !important;right:8px !important;width:32px !important;height:32px !important;max-width:32px !important}
  /* alttaki geniş düğme gizli; görselin sağ alt köşesinde küçük yuvarlak sepet simgesi (hızlı ekleme yoksa alttaki düğme kalır) */
  .woocommerce ul.products li.product:not(.rcs-no-quick-add)>.loop-button-wrap{display:none !important}
  .woocommerce ul.products li.product .loop-image-wrap a.rcs-cart-icon{
    position:absolute !important;right:8px !important;bottom:8px !important;left:auto !important;top:auto !important;
    display:flex !important;align-items:center;justify-content:center;width:34px !important;height:34px !important;min-width:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;
    border:0 !important;border-radius:50% !important;background:#1a5fd0 !important;color:#fff !important;box-shadow:0 2px 8px rgba(15,23,42,.25);
    opacity:1 !important;transform:none !important;visibility:visible !important;z-index:4;
  }
  .woocommerce ul.products li.product .loop-image-wrap a.rcs-cart-icon .rcs-i{width:18px;height:18px;stroke:#fff}
  .woocommerce ul.products li.product .loop-image-wrap a.rcs-cart-icon.added{background:#16a34a !important}
  .woocommerce ul.products li.product .loop-image-wrap a.rcs-cart-icon.loading{opacity:.6 !important}
}

/* --- Hover galerisi: çizgi göstergeler (JS: rcs-hovergallery.js) --- */
.rcs-hg-dots{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:4px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}
.rcs-hg-dots i{display:block;width:18px;height:3px;border-radius:2px;background:rgba(15,23,42,.22)}
.rcs-hg-dots i.on{background:#0f172a}
.woocommerce ul.products li.product:hover .rcs-hg-dots{opacity:1}

/* Genel sayfa başlığı (breadcrumb + H1) – kategori düzeniyle aynı; içerik genişliği sayfa gövdesiyle hizalı */
.rcs-page-header{margin:0 0 6px}
.rcs-page-header .rcs-crumbs{padding-bottom:6px}

/* Kart/galeri etiketleri (indirim = kırmızı, tükendi = koyu gri): AYNI konum, yükseklik, iç boşluk, yazı ve köşe.
   Referans: kompakt "Tükendi" etiketi. Botiga'nın kendi .onsale değerlerini (padding 3px 20px, kenar boşluğu) ezmek için !important. */
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale,.single-product span.onsale,.woocommerce ul.products li.product .rcs-soldout{
  position:absolute !important;top:10px !important;left:10px !important;right:auto !important;bottom:auto !important;margin:0 !important;
  width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;padding:6px 10px !important;
  border:0 !important;border-radius:999px !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;line-height:1 !important;
  letter-spacing:.4px !important;text-transform:uppercase !important;z-index:3;
}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale,.single-product span.onsale{background:#e11d48 !important}
.woocommerce ul.products li.product .rcs-soldout{background:#475569 !important}
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link img,.woocommerce ul.products li.product.outofstock .botiga-image-wrapper img{opacity:.6}
@media (max-width:767px){
  .woocommerce ul.products li.product .onsale,.woocommerce span.onsale,.single-product span.onsale,.woocommerce ul.products li.product .rcs-soldout{top:8px !important;left:8px !important;padding:4px 8px !important;font-size:10px !important}
}