/* ==========================================================================
   Dragon Pazar — ozel duzeltmeler (en son yuklenir, tema stillerini ezer)
   ========================================================================== */

/* --- Urun kart hover ikonlari (sepet + detay) ---------------------------- */

/* 1) Ikon grubunu kartin TAM ortasina al. Tema varsayilani %45 idi -> sola
      kaymis gorunuyordu. */
.product-block_two-options {
    left: 50% !important;
}

/* 2) Sepet ikonu WooCommerce "button / add_to_cart_button" stili yuzunden
      turuncu KARE cikiyordu. Goz ikonuyla ayni beyaz-yuvarlak forma sokuyoruz. */
.product-block_two-options li a.action-cart,
.product-block_two-options li a.button,
.product-block_two-options li a.add_to_cart_button {
    width: 44px;
    height: 44px;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    line-height: 44px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
    color: #000000;
    box-shadow: none;
}

.product-block_two-options li a.action-cart:hover,
.product-block_two-options li a.button:hover,
.product-block_two-options li a.add_to_cart_button:hover {
    background-color: var(--color-primary);
    color: #ffffff;
}

/* Sepet butonunun icindeki ikon ortali dursun; olasi metin etiketini gizle */
.product-block_two-options li a.action-cart > i {
    line-height: 44px;
    vertical-align: middle;
}
.product-block_two-options li a.action-cart > span:not(.custom-tooltip) {
    display: none;
}

/* --- Urun karti: sol ust rozetler + sag ust indirim muhru --------------- */

/* Kartin ic kutusu konumlandirma referansi (rozet/muhur koseye otursun) */
.product-block_two-inner {
    position: relative;
    overflow: hidden;
}

/* Sol ust rozet yigini (alt alta) */
.product-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    pointer-events: none;
}

.product-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
    background-color: var(--color-primary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.product-badge i {
    font-size: 11px;
}

/* Rozet turlerine gore renkler */
.product-badge--free_shipping   { background-color: #2ecc71; }
.product-badge--good_price      { background-color: #3498db; }
.product-badge--instant_delivery{ background-color: #e67e22; }
.product-badge--custom          { background-color: #111111; }

/* Sag ust: otomatik indirim muhru (tirtikli yuvarlak) */
.product-discount-seal {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    background-color: #e74c3c;
    clip-path: polygon(50% 0%, 57.8% 10.8%, 69.1% 3.8%, 72.2% 16.7%, 85.4% 14.6%, 83.3% 27.8%, 96.2% 30.9%, 89.2% 42.2%, 100% 50%, 89.2% 57.8%, 96.2% 69.1%, 83.3% 72.2%, 85.4% 85.4%, 72.2% 83.3%, 69.1% 96.2%, 57.8% 89.2%, 50% 100%, 42.2% 89.2%, 30.9% 96.2%, 27.8% 83.3%, 14.6% 85.4%, 16.7% 72.2%, 3.8% 69.1%, 10.8% 57.8%, 0% 50%, 10.8% 42.2%, 3.8% 30.9%, 16.7% 27.8%, 14.6% 14.6%, 27.8% 16.7%, 30.9% 3.8%, 42.2% 10.8%);
}

/* --- Urun fiyati: normal fiyat cizili, indirimli fiyat vurgulu ----------- */
/* Tema style.css'te .product-block_two-price del icin ikinci kez
   'text-decoration:none' tanimlanmis; normal fiyatin ustunu cizmiyordu.
   Ayrica <ins> tarayici varsayilaniyla ALTTAN cizili geliyordu. */

.product-block_two-price del,
.product-block_two-price del .amount {
    text-decoration: line-through !important;
    color: #9aa0a6 !important;
    font-weight: 400;
}

.product-block_two-price ins {
    text-decoration: none !important;
    background: transparent;
    font-weight: 700;
    color: var(--color-primary);
    margin-left: 6px;
}

.product-block_two-price ins .amount {
    color: var(--color-primary);
}

/* --- Urun sayfalari: breadcrumb kaldirildi, ust bosluk telafisi ---------- */
/* .header-lower (nav pill) position:absolute; top:100% oldugu icin akistan
   cikip icerigin ustune biniyor. Breadcrumb bolumu (~84px) bu bosluk gorevi
   goruyordu; onu birebir telafi ediyoruz ki icerik pill'in altina insin.
   Hem tekil urun (single) hem magaza/arsiv (archive) icin. */
.shop-single-section--no-crumb,
.shop-section--no-crumb {
    padding-top: 85px;
}

@media (max-width: 991px) {
    .shop-single-section--no-crumb,
    .shop-section--no-crumb {
        padding-top: 40px;
    }
}

/* --- Tekil urun sayfasi tipografisi: kart/urun fontuna (Jost) hizala ------ */
/* Kartlar (product-block_two) baslik+fiyat icin 'Jost' kullaniyor; tekil
   sayfa ise genel 'Inter' kullaniyordu. Listeleme -> detay tutarliligi icin
   baslik, fiyat ve bolum basliklarini Jost'a cekiyoruz. */
.shop-single-section .product-details .product_title,
.shop-single-section .product-details .price,
.shop-single-section .product-details .price ins,
.shop-single-section .product-details .price del,
.shop-single-section .product-details .price .amount,
.shop-single-section .product-details .woocommerce-Price-amount,
.shop-single-section .woocommerce-tabs .panel > h2,
.shop-single-section .related.products > h2,
.shop-single-section .upsells.products > h2 {
    font-family: 'Jost', sans-serif;
}

/* Baslik biraz daha belirgin (kart basligiyla ayni aile, tekil sayfada iri) */
.shop-single-section .product-details .product_title {
    font-weight: 700;
}

/* --- Tekil urun sayfasi fiyati: kartla ayni (normal gri cizili, indirimli turuncu) */
/* Tema '.product-details .price span { color: currentColor }' ile hepsini
   siyah yapiyordu; indirimli fiyat vurgulanmiyordu. */
.shop-single-section .product-details .price del,
.shop-single-section .product-details .price del .amount,
.shop-single-section .product-details .price del .woocommerce-Price-amount {
    color: #9aa0a6 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

.shop-single-section .product-details .price ins,
.shop-single-section .product-details .price ins .amount,
.shop-single-section .product-details .price ins .woocommerce-Price-amount {
    color: var(--color-primary) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    margin-left: 6px;
}

/* --- Urun grid kartlari: esit yukseklik + tutarli gorsel alani ---------- */
/* Urun gorselleri farkli en-boy oraninda oldugu icin kart yukseklikleri
   kayiyordu. Gorsel alanini sabitleyip icerigi ortaliyoruz; kartlari esit
   yukseklige cekiyoruz (row flex ise col'lar gerilir). */
.product-block_two .product-info-tabs .image {
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-block_two .product-info-tabs .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Trending grid satirini flex yap ki col'lar en uzun karta gerilsin
   (temanin .row'u float tabanli; widget row'una ozel sinif ekledik). */
.products-equal-row {
    display: flex;
    flex-wrap: wrap;
}
.products-equal-row > .product-block_two {
    display: flex;
    flex-direction: column;
}
.products-equal-row > .product-block_two > .product-block_two-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
}

/* "Stok Yok" otomatik rozeti (kirmizi) */
.product-badge--out_of_stock { background-color: #e74c3c; }

/* --- Trending Product carousel (Slick, 2 satir grid) -------------------- */
.trending-products-slick {
    position: relative;
    margin: 0 -12px;           /* hucre paddingini disari tasi */
}
/* Slick grid hucreleri arasi bosluk */
.trending-products-slick .slick-slide > div {
    padding: 0 12px;
}
.trending-products-slick .product-block_two {
    margin-bottom: 24px;       /* iki satir arasi bosluk */
}
/* Init oncesi tasmayi gizle (FOUC) */
.trending-products-slick:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 720px;
}
.trending-products-slick:not(.slick-initialized) > .product-block_two {
    width: 25%;
}

/* Kaydirma oklari (yuvarlak, gorsel hizasinda) */
.trending-products-slick .tp-arrow,
.trending-products-slick button.slick-prev,
.trending-products-slick button.slick-next {
    position: absolute;
    top: 130px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
    color: #222222;
    font-size: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    z-index: 6;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.trending-products-slick button.slick-prev { left: -8px; }
.trending-products-slick button.slick-next { right: -8px; }
.trending-products-slick button.slick-prev::before,
.trending-products-slick button.slick-next::before { content: none; }
.trending-products-slick .tp-arrow:hover {
    background: var(--color-primary);
    color: #ffffff;
}
.trending-products-slick button.slick-disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

/* --- Sabit sosyal butonlar (tel / WhatsApp / Instagram) ----------------- */
/* Sag alt kose, scroll-top (.progress-wrap: right:30 bottom:40, 35px) ustunde. */
.dp-social-float {
    position: fixed;
    right: 30px;
    bottom: 90px;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.dp-social-float__btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}
.dp-social-float__btn:hover {
    transform: translateY(-2px) scale(1.05);
    color: #ffffff;
}
.dp-social-float__btn--phone { background: #2f80ed; }
.dp-social-float__btn--wa    { background: #25d366; }
.dp-social-float__btn--ig    {
    background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

@media (max-width: 767px) {
    .dp-social-float { right: 16px; bottom: 84px; gap: 10px; }
    .dp-social-float__btn { width: 44px; height: 44px; font-size: 18px; }
}

/* --- Urun galeri thumbnail'lari: bosluk + boyut azalt ------------------- */
/* Tema '.flex-control-thumbs li img'e 'margin: 0 0 10% 10%' (yuzdesel, buyuk)
   ve 110px genislik veriyordu. Ikisini de kucultuyoruz. */
.woocommerce div.product div.images .flex-control-thumbs li,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    margin-bottom: 5px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 62px !important;
    height: 62px !important;
    margin: 0 !important;
    border-radius: 6px;
}

/* --- Urun galeri ana gorsel oklari (flexslider directionNav) ------------ */
.woocommerce-product-gallery { position: relative; }
.woocommerce-product-gallery .flex-direction-nav {
    margin: 0; padding: 0; list-style: none;
}
.woocommerce-product-gallery .flex-direction-nav a {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    font-size: 0;
    opacity: 0;
    transition: opacity 0.25s ease, background 0.2s ease, color 0.2s ease;
    z-index: 5;
    color: #222222;
}
.woocommerce-product-gallery:hover .flex-direction-nav a { opacity: 1; }
.woocommerce-product-gallery .flex-direction-nav a::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 15px;
}
.woocommerce-product-gallery .flex-direction-nav a.flex-prev { left: 10px; }
.woocommerce-product-gallery .flex-direction-nav a.flex-prev::before { content: "\f104"; }
.woocommerce-product-gallery .flex-direction-nav a.flex-next { right: 10px; }
.woocommerce-product-gallery .flex-direction-nav a.flex-next::before { content: "\f105"; }
.woocommerce-product-gallery .flex-direction-nav a:hover {
    background: var(--color-primary);
    color: #ffffff;
}