/**
* Theme Name:        avanam-Akrulman
* Theme URI:         https://noorbyt.com.com/
* Template:          avanam
* Author:            Mustafa Attar
* Author URI:        https://www.linkedin.com/in/mustafa-attar7
* Description:       Akrulman Fırmasına Özel Tasarlanmış wordpress Teması
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-Akrulman
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: çeviriye hazır, iki sütun, sağ kenar çubuğu, sol kenar çubuğu, alt bilgi öğeleri, blog, özel logo, özel arka plan, özel menü, sağdan sola dil desteği, editör stili, konu başlıkları, özel renkler, öne çıkan görseller, geniş bloklar, tam genişlikte şablon, tema seçenekleri, e-ticaret
*
*/

/* --- Akrulman Custom Category Slider --- */
.akr-category-slider-wrapper {
    position: relative;
    margin: 10px 0 15px 0;
    padding: 0 20px;
}

.akr-category-slider {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    padding: 10px 0;
}

.akr-category-slider::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
}

/* Dikdörtgen Kart Yapısı */
.akr-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none !important;
    width: 130px;
    height: 150px;
    background: #ffffff;
    border: 1px solid #eaeaec;
    border-radius: 8px;
    padding: 12px 8px;
    box-sizing: border-box;
    transition: all 0.2s ease;
    min-width: 130px;
}

.akr-category-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border-color: #dcdcdc;
    transform: translateY(-2px);
}

/* Aktif Kategori Kartı (Kırmızı Sol Kenarlık) */
.akr-category-item.akr-active {
    border-left: 3px solid #e30613 !important;
    background: #fcfcfc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.akr-cat-img-wrap {
    width: 100%;
    height: 60px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    overflow: hidden;
}

.akr-cat-img-wrap img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.akr-cat-img-wrap svg {
    width: 28px;
    height: 28px;
    color: #888;
}

.akr-cat-title {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    margin: 0 0 4px 0;
    text-align: center;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 30px;
}

.akr-cat-count {
    font-size: 10px;
    color: #e30613;
    /* Kırmızı adet yazısı */
    font-weight: 600;
    text-align: center;
    margin-top: auto;
}

/* Slider Butonları (Küçük Beyaz Daireler) */
.akr-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    color: #555 !important;
    transition: all 0.2s;
}

.akr-slider-btn:hover {
    background: #e30613 !important;
    color: #fff !important;
    border-color: #e30613 !important;
}

.akr-slider-btn svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #333 !important;
}

.akr-slider-btn:hover svg {
    stroke: #fff !important;
}

.akr-slider-prev {
    left: -10px;
}

.akr-slider-next {
    right: -10px;
}

/* Daha Fazlası Kartı Özelleştirmesi */
.akr-category-more .akr-cat-title {
    color: #555;
}

.akr-category-more .akr-cat-count {
    color: #888;
}

/* --- WooCommerce Mağaza/Kategori Sayfalarında Başlık ve Breadcrumb Düzeni (Sola Dayalı ve Yan Yana) --- */
.post-type-archive-product header.entry-header,
.tax-product_cat header.entry-header {
    text-align: left !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}

/* Sayfa Başlığı (Solda kalacak) */
.post-type-archive-product header.entry-header .page-title,
.tax-product_cat header.entry-header .page-title {
    text-align: left !important;
    margin: 0 !important;
    order: 1 !important;
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

/* Breadcrumbs (Başlığın Yanında) */
.post-type-archive-product header.entry-header .base-breadcrumbs,
.tax-product_cat header.entry-header .base-breadcrumbs {
    text-align: left !important;
    display: inline-block !important;
    order: 2 !important;
    margin: 0 !important;
    font-size: 13px !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

/* Slider'ı Başlık Genişliğine Göre Sınırlandırma (Alt satıra inecek) */
.post-type-archive-product header.entry-header .akr-category-slider-wrapper,
.tax-product_cat header.entry-header .akr-category-slider-wrapper {
    max-width: 100%;
    padding: 0 40px !important;
    margin: 3px 0 0 0 !important;
    order: 3 !important;
    flex-basis: 100% !important;
    width: 100% !important;
}

/* Ok butonlarının hizalanması (Başlık alanındaki slider için) */
.post-type-archive-product header.entry-header .akr-slider-prev,
.tax-product_cat header.entry-header .akr-slider-prev {
    left: 0px !important;
}

.post-type-archive-product header.entry-header .akr-slider-next,
.tax-product_cat header.entry-header .akr-slider-next {
    right: 0px !important;
}

/* Mobil için Düzenleme (Alt alta sıralama ve ortalama) */
@media (max-width: 768px) {
    .akr-slider-btn {
        display: none !important;
    }

    .akr-category-slider-wrapper {
        padding: 0;
    }

    .akr-category-item {
        width: 110px;
        height: 130px;
        min-width: 110px;
        padding: 8px 6px;
    }

    .akr-cat-img-wrap {
        height: 50px;
    }

    .akr-cat-title {
        font-size: 11px;
        height: 26px;
    }

    .akr-cat-count {
        font-size: 9px;
    }

    .post-type-archive-product .entry-hero-container-inner .entry-header,
    .tax-product_cat .entry-hero-container-inner .entry-header {
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        text-align: center !important;
    }

    .post-type-archive-product .entry-hero-container-inner .entry-header .base-breadcrumbs,
    .tax-product_cat .entry-hero-container-inner .entry-header .base-breadcrumbs {
        order: 1 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .post-type-archive-product .entry-hero-container-inner .entry-header .page-title,
    .tax-product_cat .entry-hero-container-inner .entry-header .page-title {
        order: 2 !important;
        text-align: center !important;
    }

    .post-type-archive-product .entry-hero-container-inner .entry-header .akr-category-slider-wrapper,
    .tax-product_cat .entry-hero-container-inner .entry-header .akr-category-slider-wrapper {
        order: 3 !important;
        padding: 0 !important;
    }

    /* Mobil & Küçük Ekranlarda Sonuç Sayısını Gizleme */
    .base-shop-top-row .base-woo-results-count,
    #sticky_filter .base-woo-results-count,
    p.woocommerce-result-count,
    .woocommerce-result-count {
        display: none !important;
    }

    /* Mobilde Top Toolbar Düzeni (Genel ayarlara taşındı) */
}

/* --- Breadcrumb (Ekmek Kırıntıları) İkon ve Delimiter Özelleştirmesi --- */
/* "Anasayfa" yanına ev ikonu ekleme */
.base-breadcrumbs .base-bc-home {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.base-breadcrumbs .base-bc-home::before {
    content: "" !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Ayırıcıyı (/) işareti yerine (>) yapmak */
.base-breadcrumbs .bc-delimiter {
    visibility: hidden !important;
    position: relative !important;
    margin: 0 6px !important;
    display: inline-block !important;
    width: 8px !important;
}

.base-breadcrumbs .bc-delimiter::after {
    content: ">" !important;
    visibility: visible !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #888 !important;
    font-size: 11px !important;
}

/* ==========================================================================
   WOHCOMMERCE MAĞAZA VE ÜRÜN KARTLARI ÖZELLEŞTİRMESİ
   ========================================================================== */

/* --- Mağaza Üst Kontrol Satırı (Grid/Liste, Sayı) & Sticky Filter --- */
.base-shop-top-row,
#sticky_filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    background: #ffffff;
    border: 1px solid #eaeaec;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 25px;
    box-shadow: none;
    box-sizing: border-box;
}

/* Sticky (Sabitlenmiş) Durumda da Tasarımın Aynı Kalması */
#sticky_filter.sticky-active,
#sticky_filter.is-sticky,
.is-sticky #sticky_filter {
    background: #ffffff !important;
    border: 1px solid #eaeaec !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Kapsayıcı Öğelerin (Flex Elemanlarının) Konumlandırılması */
.base-shop-top-row .base-shop-top-item,
#sticky_filter .base-shop-top-item {
    float: none;
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    box-shadow: none;
}

/* Gereksiz order kuralları kaldırıldı, DOM sırasına göre soldan sağa doğal akış sağlanıyor. */

/* Sıralama Dropdown Menüsü (DOM'dan kaldırıldı, CSS ile de tamamen gizleniyor) */
.base-shop-top-row .base-woo-ordering,
#sticky_filter .base-woo-ordering,
.base-woo-ordering {
    display: none !important;
}

/* Order kısımları JavaScript müdahalesi nedeniyle kaldırıldı, row-reverse ile çözüldü */

/* Filtre Butonu Yalnızca Mobilde Görünsün (Masaüstünde Gizle) */
@media (min-width: 769px) {

    .base-shop-top-row .base-woo-offcanvas-filter-area,
    #sticky_filter .base-woo-offcanvas-filter-area,
    .base-shop-top-row>*:not(.base-woo-toggle):not(.base-woo-results-count):not(.base-woo-ordering),
    #sticky_filter>*:not(.base-woo-toggle):not(.base-woo-results-count):not(.base-woo-ordering) {
        display: none !important;
    }
}

/* Görünüm Değiştirici (Grid / Liste) İç Kutusu */
.base-product-toggle-container {
    display: inline-flex !important;
    background: #f4f5f7 !important;
    border: 1px solid #eaeaec !important;
    border-radius: 6px !important;
    padding: 3px !important;
}

.base-toggle-shop-layout {
    background: transparent !important;
    border: none !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    color: #555555 !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    height: auto !important;
    margin: 0 !important;
}

.base-toggle-shop-layout svg {
    width: 14px !important;
    height: 14px !important;
    stroke: currentColor !important;
    fill: none !important;
}

.base-toggle-grid::after {
    content: "Grid" !important;
    font-size: 11.5px !important;
    margin-left: 6px !important;
}

.base-toggle-list::after {
    content: "Liste" !important;
    font-size: 11.5px !important;
    margin-left: 6px !important;
}

.base-toggle-shop-layout.toggle-active {
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.base-toggle-shop-layout.toggle-active svg {
    stroke: #e30613 !important;
    /* Aktif ikon kırmızı */
}

/* Sonuç Sayısı Metni */
.base-woo-results-count {
    font-size: 13px !important;
    color: #444444 !important;
    font-weight: 500 !important;
}

.base-woo-results-count p {
    margin: 0 !important;
}

/* --- Ürün Kartı Genel Yapısı (Yalnızca Mağaza ve Kategori Sayfalarında Geçerli) --- */
.post-type-archive-product ul.products li.product,
.tax-product_cat ul.products li.product {
    background: #ffffff !important;
    border: 1px solid #eaeaec !important;
    border-radius: 8px !important;
    padding: 15px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Sadece Grid Görünümünde Kutu Yapısı (Flex Column) */
.post-type-archive-product ul.products:not(.products-list-view) li.product,
.tax-product_cat ul.products:not(.products-list-view) li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* --- Sadece Liste Görünümü (List View) Tasarım Optimizasyonu (MASAÜSTÜ & TABLET) --- */
@media (min-width: 769px) {

    .post-type-archive-product ul.products.products-list-view li.product,
    .tax-product_cat ul.products.products-list-view li.product {
        padding: 0 !important;
        /* Dış boşluğu sıfırlayalım, ızgara ayarlasın */
        display: grid !important;
        grid-template-columns: 280px 1fr !important;
        align-items: stretch !important;
        /* Görsel ve içerik sütunlarının boyunu eşitle */
    }

    /* Liste Görünümünde Görsel Alanı (Sol Sütun) */
    .post-type-archive-product ul.products.products-list-view li.product>.woocommerce-loop-product__link,
    .post-type-archive-product ul.products.products-list-view li.product>a.woocommerce-LoopProduct-link,
    .tax-product_cat ul.products.products-list-view li.product>.woocommerce-loop-product__link,
    .tax-product_cat ul.products.products-list-view li.product>a.woocommerce-LoopProduct-link {
        border-right: 1px solid #eaeaec !important;
        /* İki sütun arasına dikey ayırıcı çizgi */
        border-bottom: none !important;
        padding: 20px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }
}

/* --- Sadece Liste Görünümü (List View) Tasarım Optimizasyonu (MOBİL) --- */
@media (max-width: 768px) {

    .post-type-archive-product ul.products.products-list-view li.product,
    .tax-product_cat ul.products.products-list-view li.product {
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        /* Mobilde tek sütun, alt alta dizilim */
    }

    .post-type-archive-product ul.products.products-list-view li.product>.woocommerce-loop-product__link,
    .post-type-archive-product ul.products.products-list-view li.product>a.woocommerce-LoopProduct-link,
    .tax-product_cat ul.products.products-list-view li.product>.woocommerce-loop-product__link,
    .tax-product_cat ul.products.products-list-view li.product>a.woocommerce-LoopProduct-link {
        border-right: none !important;
        border-bottom: 1px solid #eaeaec !important;
        /* Mobilde görselin altına yatay çizgi */
        padding: 15px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
}

/* Liste Görünümünde Görsel Boyutu */
.post-type-archive-product ul.products.products-list-view li.product img,
.tax-product_cat ul.products.products-list-view li.product img {
    max-height: 200px !important;
    /* Listede görsel biraz daha büyük olabilir */
}

.post-type-archive-product ul.products li.product:hover,
.tax-product_cat ul.products li.product:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border-color: #d1d1d6 !important;
}

/* Ürün Görseli Alanı */
ul.products:not(.products-list-view) li.product a.woocommerce-LoopProduct-link,
ul.products:not(.products-list-view) li.product .woocommerce-loop-product__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 160px !important;
    margin-bottom: 12px !important;
    background: #ffffff !important;
    position: relative !important;
    overflow: hidden !important;
}

ul.products:not(.products-list-view) li.product img:not(.secondary-product-image) {
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

ul.products:not(.products-list-view) li.product img.secondary-product-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #ffffff !important;
}

/* Ürün Detay Grubu */
.post-type-archive-product ul.products li.product .product-details,
.tax-product_cat ul.products li.product .product-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    background: transparent !important;
    width: 100% !important;
}

/* Sadece Grid Görünümünde İçerik Padding'i Sıfırla (Listede ebeveyn temanın boşluğu kalsın) */
.post-type-archive-product ul.products:not(.products-list-view) li.product .product-details,
.tax-product_cat ul.products:not(.products-list-view) li.product .product-details {
    padding: 0 !important;
}

/* Liste Görünümünde İçerik Alanı (Sağ/Alt Sütun) */
.post-type-archive-product ul.products.products-list-view li.product .product-details,
.tax-product_cat ul.products.products-list-view li.product .product-details {
    padding: 25px 30px !important;
    display: block !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {

    /* Mobilde İçerik Boşlukları Daha Dar Olmalı */
    .post-type-archive-product ul.products.products-list-view li.product .product-details,
    .tax-product_cat ul.products.products-list-view li.product .product-details {
        padding: 15px 20px !important;
    }
}

/* Liste Görünümünde Kısa Açıklama (Excerpt) Optimizasyonu */
.post-type-archive-product ul.products.products-list-view li.product .product-excerpt,
.tax-product_cat ul.products.products-list-view li.product .product-excerpt {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #666666 !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    /* Uzun açıklamaları 2 satır ile sınırla */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Marka (Örn: CETA FORM) */
.akr-product-brand {
    font-size: 10.5px !important;
    color: #8e8e93 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* Ürün Başlığı */
.post-type-archive-product ul.products li.product h2.woocommerce-loop-product__title,
.post-type-archive-product ul.products li.product .woocommerce-loop-product__title_link,
.tax-product_cat ul.products li.product h2.woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title_link {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    line-height: 1.35 !important;
    margin: 0 0 6px 0 !important;
    height: 36px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-decoration: none !important;
}

/* Liste Görünümünde Ürün Başlığı (Daha Geniş Alan) */
.post-type-archive-product ul.products.products-list-view li.product h2.woocommerce-loop-product__title,
.post-type-archive-product ul.products.products-list-view li.product .woocommerce-loop-product__title_link,
.tax-product_cat ul.products.products-list-view li.product h2.woocommerce-loop-product__title,
.tax-product_cat ul.products.products-list-view li.product .woocommerce-loop-product__title_link {
    font-size: 15px !important;
    height: auto !important;
    -webkit-line-clamp: 3 !important;
    margin-bottom: 12px !important;
}

/* SKU / Model Kodu */
.akr-product-sku {
    font-size: 11px !important;
    color: #8e8e93 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Yıldız Derecelendirme (Stars) Gizleme */
.akr-rating-container,
.star-rating,
.woocommerce-product-rating {
    display: none !important;
}

/* Fiyat ve Butonları Gizleme (Tüm alanlarda) */
ul.products li.product .price,
ul.products li.product .button,
ul.products li.product .added_to_cart {
    display: none !important;
}

/* --- Çoklu Rozet Kutusu (Badges) --- */
.akr-badges-container {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: flex-start !important;
}

.akr-badge {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    border-radius: 20px !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}

.akr-badge-sale {
    background-color: #e30613 !important;
    /* Kırmızı indirim */
}

.akr-badge-new {
    background-color: #000000 !important;
    /* Siyah yeni */
}

.akr-badge-bestseller {
    background-color: #ff9500 !important;
    /* Turuncu çok satan */
}

/* --- Teklif Al Butonu Özelleştirmesi --- */
.akr-teklif-al-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e30613 !important;
    color: #e30613 !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    margin-top: auto !important;
    /* Kartların en altına sabitlenmesini sağlar */
    transition: all 0.25s ease !important;
    outline: none !important;
    box-shadow: none !important;
    line-height: 1.2 !important;
}

.akr-teklif-al-btn:hover {
    background: #e30613 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(227, 6, 19, 0.15) !important;
}

/* Buton İkonu */
.akr-teklif-al-btn svg.akr-btn-icon {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    fill: none !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* --- Ürün Kartları Arasındaki Boşluk (Grid/Flex Boşluğu) --- */
.post-type-archive-product ul.products,
.tax-product_cat ul.products {
    gap: 20px !important;
    column-gap: 20px !important;
    row-gap: 20px !important;
}

@media (max-width: 768px) {

    .post-type-archive-product ul.products,
    .tax-product_cat ul.products {
        gap: 12px !important;
        column-gap: 12px !important;
        row-gap: 12px !important;
    }
}

/* ==========================================================================
   TEKİL ÜRÜN SAYFASI (SINGLE PRODUCT) BUTON TASARIMLARI
   ========================================================================== */

/* Teklif İste ve WhatsApp butonlarının yan yana dizilimi */
.wrap_ask_share {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    align-items: center !important;
    margin-top: 30px !important;
    margin-bottom: 25px !important;
    clear: both !important;
}

.ask-question,
.ask-whatsapp {
    flex: 1 !important;
    min-width: 180px !important;
}

/* Ortak Buton Ayarları */
.ask-question .ask-question-button,
.ask-whatsapp .whatsapp-question-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px 15px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1.2 !important;
    border: 1px solid transparent !important;
    box-sizing: border-box !important;
}

/* Ortak İkon Ayarları */
.ask-whatsapp .whatsapp-question-button svg {
    margin-right: 8px !important;
    display: inline-block !important;
}

/* Teklif İste Butonu Orijinal İkonu Gizle */
.ask-question .ask-question-button svg {
    display: none !important;
}

/* Teklif İste Butonu Yeni İkon (CSS Mask ile eklenir, böylece Hover'da dinamik renk değiştirir) */
.ask-question .ask-question-button::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
}

/* Teklif İste Butonu (Kırmızı Çerçeveli) */
.ask-question .ask-question-button {
    background: #ffffff !important;
    border-color: #e30613 !important;
    color: #e30613 !important;
}

.ask-question .ask-question-button:hover {
    background: #e30613 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(227, 6, 19, 0.15) !important;
}

/* WhatsApp Butonu (Yeşil) */
.ask-whatsapp .whatsapp-question-button {
    background: #25D366 !important;
    color: #ffffff !important;
    border-color: #25D366 !important;
}

.ask-whatsapp .whatsapp-question-button:hover {
    background: #1EBE57 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.2) !important;
}

@media (max-width: 768px) {
    .wrap_ask_share {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .ask-question,
    .ask-whatsapp {
        width: 100% !important;
    }
}

/* Teklif listesi kapalıyken yan menünün (Tüm Departman) arkasında kalması için z-index ayarı */
.ti-quote-sidebar.ti-collapsed {
    z-index: 9 !important;
}