/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ═══════════════════════════════════════════
   BCS Collection Showcase — hover color fix
   .bcs-card <a> inside parent-themed hover rules would flip
   brand/name text to theme link color (blue). Force inherit.
   ═══════════════════════════════════════════ */
a.bcs-card,
a.bcs-card:hover,
a.bcs-card:focus,
a.bcs-card:visited {
    color: inherit !important;
    text-decoration: none !important;
}
a.bcs-card:hover .bcs-card-brand,
a.bcs-card:focus .bcs-card-brand,
.bcs-card:hover .bcs-card-brand {
    color: #111 !important;
}
a.bcs-card:hover .bcs-card-name,
a.bcs-card:focus .bcs-card-name,
.bcs-card:hover .bcs-card-name {
    color: #666 !important;
}
/* Also cover if wrapper is different (div) but inner spans still flip via any parent a:hover */
.bcs-card-brand,
.bcs-card-name {
    transition: color 0s !important;
}


/* ═══════════════════════════════════════════
   Brand showcase Elementor "Keşfet" button (row data-id=03b1f22)
   Görsel oval alanın tamamı tıklanabilir olsun.
   Oval görünüm .wd-button-wrapper'daki padding/bg'den geliyor;
   <a> sadece metni kaplıyor. Wrapper'ı positioned ata + <a>
   statik bırak + <a>::after ile wrapper alanını kaplayan
   transparent overlay. Click event <a>'ya gider, kart dışına çıkmaz.
   ═══════════════════════════════════════════ */
[data-id="03b1f22"] .wd-button-wrapper {
    position: relative;
}
[data-id="03b1f22"] .wd-button-wrapper a.btn::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Wishlist sayfasında "Share:" sosyal ikon grubunu gizle */
body.page-id-175 .wd-wishlist-head .share-title,
body.page-id-175 .wd-wishlist-head .wd-social-icons,
body.page-id-175 .wd-wishlist-head > .wd-layout-inline,
body.page-id-175 .wd-wishlist-group-head .share-title,
body.page-id-175 .wd-wishlist-group-head .wd-social-icons,
body.page-id-175 .wd-wishlist-group-head > .wd-layout-inline {
    display: none !important;
}

/* BCS (Sezonun Trend Koleksiyonları) tab butonları — click focus kutucuğunu kaldır */
.bcs-tab-btn,
.bcs-tab-btn:focus,
.bcs-tab-btn:active,
.bcs-tab-btn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    background: transparent !important;
}
.bcs-tab-btn::-moz-focus-inner { border: 0 !important; }

/* BCS (Sezonun Trend Koleksiyonları) — kategori sekme geçişlerini smooth yap.
   Snippet'teki panel sadece opacity animasyonu yapıyor ama height:0→auto anlık,
   o yüzden geçiş sert hissettiriyor. İç içeriği de fade+slide ile yumuşatıyoruz. */
.bcs-panel > * {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.bcs-panel.bcs-active > * {
    opacity: 1;
    transform: translateY(0);
}
.bcs-panel.bcs-active > *:nth-child(1) { transition-delay: 0.05s; }
.bcs-panel.bcs-active > *:nth-child(2) { transition-delay: 0.12s; }
.bcs-panel.bcs-active > *:nth-child(3) { transition-delay: 0.18s; }

/* ═══════════════════════════════════════════
   HEMEN SATIN AL (Buy Now) — Elementor layout 486'da
   "Sepete Ekle" butonuna custom CSS ile border-radius: 8px konmuş,
   ama .wd-buy-now-btn için kural yok. Eşitliyoruz.
   ═══════════════════════════════════════════ */
.wd-buy-now-btn,
#wd-add-to-cart.wd-buy-now-btn {
    border-radius: 8px !important;
}

/* ═══════════════════════════════════════════
   JeReviews container — ürün sayfasında üstteki
   fcs-product-card carousel ile aynı sağ/sol hizaya otursun.
   JeReviews frontend.css içinde `max-width: 1400px` dar sınır koyuyor;
   Elementor e-con-full parent'ın tam genişliğini alması için ez.
   ═══════════════════════════════════════════ */
.single-product .jereviews-container {
    max-width: none;
}