@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* Jarvis Product Showcase Styles v1.5 - Based on User Example */

/* Genel Stil ve Font Ayarları */
body,
.product-category-archive,
.single-product-showcase,
body:has(.product-categories-list.product-grid-view) {
    font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
    line-height: 1.6;
    color: #333;
}



h1, h2, h3, h4, h5, h6 {
    font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
    color: #222; /* Daha koyu başlık rengi */
    font-weight: 600;
}

a {
    color: #0077cc; /* Örnekteki mavi ton */
    text-decoration: none;
    transition: color 0.2s ease;
}
a:hover {
    color: #005fa3;
    text-decoration: none;
}

.container { /* Genel sayfa içeriği için */
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 15px;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}

/* ====================================================== */
/* --- ORTAK KART STİLLERİ (KATEGORİ KARTI & ÜRÜN KARTI) --- */
/* ====================================================== */

/* Temel Grid Yapısı - ÖNEMLİ */
.product-grid-wrapper,
.product-categories-list {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 3em !important;
    width: 100% !important;
    margin-top: 3em !important;
    padding: 0 15px !important;
}

.product-grid-view {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(280px, 360px)) !important;
    gap: 25px !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 1200px !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

/* Temel Kart Yapısı */
.product-card,
.product-categories-list .category-card {
    display: block !important; 
    position: relative !important; 
    border-radius: 10px !important; 
    overflow: hidden !important; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07) !important; 
    height: 380px !important; 
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    text-decoration: none !important; 
    background-color: #f0f0f0 !important;
    width: 100% !important; 
}

/* Gradyan Overlay */
.product-card::before,
.product-categories-list .category-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.7) 100%) !important; /* Karartma efekti geri eklendi */
    z-index: 1 !important; 
    transition: background 0.3s ease !important;
}

/* Resim Stili */
.product-card-image,
.product-categories-list .category-card-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    object-position: center !important; 
    transition: transform 0.5s ease !important;
}

/* Kart İçeriği */
.product-card-content,
.product-categories-list .category-card-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 24px !important; 
    z-index: 2 !important; 
    box-sizing: border-box !important; 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: flex-end !important; 
}

/* Başlık Stili */
.product-card-title,
.product-categories-list .category-card-title {
    font-size: 1.65rem !important; 
    font-weight: 700 !important; 
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.35 !important; 
    letter-spacing: -0.5px !important; 
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; 
}

/* Açıklama Stili (Varsa) */
.product-card-description,
.product-categories-list .category-card-description {
    font-size: 0.95rem;
    color: #e2e8f0; 
    margin: 5px 0 0 0; 
    line-height: 1.5;
}

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .product-card,
    .product-categories-list .category-card {
        height: 350px; 
    }
    
    .product-card-title,
    .product-categories-list .category-card-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .product-card,
    .product-categories-list .category-card {
        height: 300px;
    }
    
    .product-card-content,
    .product-categories-list .category-card-content {
        padding: 16px;
    }
    
    .product-card-title,
    .product-categories-list .category-card-title {
        font-size: 1.3rem;
    }
}

/* ====================================================== */
/* --- KATEGORİ LİSTESİ KARTI STİLLERİ (KISA KOD) --- */
/* ====================================================== */

/*
.product-categories-list .category-card {
    display: block; 
    position: relative; 
    border-radius: 10px; 
    overflow: hidden; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07); 
    height: 320px; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none; 
    background-color: #f0f0f0; 
}

.product-categories-list .category-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1); 
}

.product-categories-list .category-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 1; 
    transition: background 0.3s ease;
}

.product-categories-list .category-card-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
    transition: transform 0.5s ease;
}

.product-categories-list .category-card:hover .category-card-image {
    transform: scale(1.05); 
}

.product-categories-list .category-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px; 
    z-index: 2; 
    box-sizing: border-box; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end; 
}

.product-categories-list .category-card-title {
    font-size: 1.65rem; 
    font-weight: 700; 
    color: #ffffff;
    margin: 0;
    line-height: 1.35; 
    letter-spacing: -0.5px; 
    text-shadow: 0 1px 3px rgba(0,0,0,0.3); 
}

.product-categories-list .category-card-description {
    font-size: 0.95rem;
    color: #e2e8f0; 
    margin: 5px 0 0 0; 
    line-height: 1.5;
}
*/

/* ====================================================== */
/* --- ÜRÜN KARTI STİLLERİ (ÜRÜN ARŞİV SAYFASI) --- */
/* ====================================================== */
/* BU BLOK YUKARIDAKİ BİRLEŞTİRİLMİŞ BLOK NEDENİYLE BOŞ KALABİLİR VEYA SİLİNEBİLİR */
/* YORUM SATIRI YAPIYORUM */
/*
#primary.content-area.product-category-archive .product-card {
    // ... eski kurallar ...
}

#primary.content-area.product-category-archive .product-card:hover {
    // ... eski kurallar ...
}

#primary.content-area.product-category-archive .product-card::before {
    // ... eski kurallar ...
}

#primary.content-area.product-category-archive .product-card-image {
    // ... eski kurallar ...
}

#primary.content-area.product-category-archive .product-card:hover .product-card-image {
    // ... eski kurallar ...
}

#primary.content-area.product-category-archive .product-card-content {
    // ... eski kurallar ...
}

#primary.content-area.product-category-archive .product-card-title {
    // ... eski kurallar ...
}
*/

/* Ürün kartına excerpt (kısa açıklama) istenirse bu stil aktif edilebilir */
/*
#primary.content-area.product-category-archive .product-card-excerpt {
    font-size: 0.95rem;
    color: #e2e8f0; 
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.5em * 2); 
}
*/

/* ESKİ BEYAZ KART STİLLERİNİ KALDIRIYORUZ/YORUM SATIRI YAPIYORUZ */
/*
#primary.content-area.product-category-archive .product-card-image-wrapper {
    height: 240px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
#primary.content-area.product-category-archive .product-card-image {
    display: block;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain; 
}
#primary.content-area.product-category-archive .placeholder-image {
    max-width: 60%;
    max-height: 60%;
    opacity: 0.6;
}
#primary.content-area.product-category-archive .product-card:hover .product-card-image {
    transform: scale(1.04);
}
#primary.content-area.product-category-archive .product-card-content {
    padding: 20px;
    background-color: #fff;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
#primary.content-area.product-category-archive .product-card-title {
    font-size: 1.1rem;
    color: #333;
    margin-bottom: auto; 
    font-weight: 600;
    padding-bottom: 10px;
}
#primary.content-area.product-category-archive .product-card-excerpt {
    color: #666;
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 10px;
}
*/


/* --- Kategori Arşiv Sayfası Başlık Alanı (ESKİ STİLLER - KALDIRILACAK VEYA YORUMLANACAK) --- */
/*
#primary.content-area.product-category-archive .term-header {
    margin-bottom: 3em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}
#primary.content-area.product-category-archive .category-title {
    font-size: 2.2em;
    margin-bottom: 0.5em;
    color: #222;
    font-weight: 700;
}
#primary.content-area.product-category-archive .category-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #0077cc;
    margin: 15px auto 0;
}
#primary.content-area.product-category-archive .category-header-image {
    max-width: 100%;
    max-height: 200px;
    width: auto;
    height: auto;
    border-radius: 6px;
    margin-top: 1em;
    margin-bottom: 1.5em;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
*/

/* Yeni Breadcrumb Stilleri */
body .breadcrumb-nav {
    margin-bottom: 1.5em;
    padding: 0.5em 0;
    border-bottom: 1px solid #eee;
}

body .breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

body .breadcrumb-item {
    display: inline-block;
    font-size: 0.95rem;
    color: #555;
    margin-right: 0.6em;
    line-height: 1.4;
    padding: 0.2em 0;
}

body .breadcrumb-item:not(:last-child)::after {
    content: '/';
    margin-left: 0.6em;
    color: #aaa;
    display: inline-block;
}

body .breadcrumb-item a {
    color: #0077cc;
    text-decoration: none;
    transition: color 0.2s ease;
}

body .breadcrumb-item a:hover {
    color: #005fa3;
}

body .breadcrumb-item.active {
    color: #333;
    font-weight: 500;
}

/* Kategori Açıklaması (Breadcrumb altına alındığı için stilini koruyalım veya güncelleyelim) */
body .category-description {
    font-size: 1rem;
    color: #555;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 2em;
    line-height: 1.7;
    text-align: left;
}

/* Ürün Gridinin Altına Boşluk Ekleme - #main elementine uygulandı */
/* #primary.content-area.product-category-archive .product-grid-view {
    margin-bottom: 3em; // Eski kural yorum satırı yapıldı
} */
#primary.content-area.product-category-archive main#main.site-main {
    margin-bottom: 5em; /* Ana içerik alanına daha fazla boşluk */
}

/* --- Sayfalama --- */
#primary.content-area.product-category-archive .navigation.pagination {
    margin-top: 3em;
    margin-bottom: 2em;
    text-align: center;
    clear: both;
}
#primary.content-area.product-category-archive .nav-links {
     display: inline-flex;
     gap: 6px;
     align-items: center;
}
#primary.content-area.product-category-archive .nav-links .page-numbers {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0077cc;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    font-weight: 500;
}
#primary.content-area.product-category-archive .nav-links .page-numbers:hover,
#primary.content-area.product-category-archive .nav-links .page-numbers.current {
    background-color: #0077cc;
    color: #ffffff;
    border-color: #0077cc;
}
#primary.content-area.product-category-archive .nav-links .page-numbers.current {
    font-weight: 600;
    cursor: default;
}
#primary.content-area.product-category-archive .nav-links .page-numbers.dots {
    border: none;
    background: none;
    color: #777;
    padding: 8px 5px;
    margin: 0;
    font-weight: 500;
}

/* --- Responsive Ayarlar --- */
@media (max-width: 992px) {
    /* Orta ekranlarda 3 sütun (Yukarıda tanımlandı) */
    /* .product-grid-view { 
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
    } */
}

@media (max-width: 768px) {
    /* Tablette 2 sütun (auto-fit ile yönetiliyor) */
     .product-grid-view { 
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
    }
    #primary.content-area.product-category-archive .category-title {
        font-size: 1.9em;
    }
    /* Ürün kartı yüksekliği tablette ayarlanabilir */
    #primary.content-area.product-category-archive .product-card {
        height: auto; /* Otomatik yükseklik */
        min-height: 330px; /* Orantılı min-yükseklik artırıldı */
        width: 100% !important; /* Kolonun tam genişliğini al */
        box-sizing: border-box; /* Padding ve border genişliğe dahil edilsin */
    }
    .product-categories-list .category-card {
        height: 300px; /* Mobilde kategori kartı yüksekliği güncellendi */
    }
}

@media (max-width: 480px) {
    /* Ana içerik kapsayıcısının mobil cihazlarda yan dolgularını ayarla */
    #primary.content-area.product-category-archive main#main.site-main.container {
        padding-left: 5px !important;   /* Kenarda küçük bir boşluk bırak */
        padding-right: 5px !important;  /* Kenarda küçük bir boşluk bırak */
        width: 100%; /* Tam genişliği kaplamasını sağla */
        box-sizing: border-box; /* Padding ve border genişliğe dahil edilsin */
    }

     .product-grid-view {
        grid-template-columns: 1fr !important; /* Tek sütun olmasını garantile */
        gap: 15px; /* Kartlar arası dikey boşluk */
        width: 100%; /* Üst kapsayıcısının (main#main) tamamını kapla */
        box-sizing: border-box;
        padding: 0; /* Grid'in kendi iç yan dolgularını kaldır (üst kapsayıcıda zaten var) */
     }
     #primary.content-area.product-category-archive .category-title {
        font-size: 1.6em;
    }
    #primary.content-area.product-category-archive .nav-links .page-numbers {
        padding: 6px 10px;
        font-size: 0.9em;
    }
    /* Ürün kartı yüksekliği mobilde ayarlanabilir */
    #primary.content-area.product-category-archive .product-card {
        height: auto; /* Otomatik yükseklik */
        min-height: 330px; /* Orantılı min-yükseklik artırıldı */
        width: 100% !important; /* Kolonun tam genişliğini al */
        box-sizing: border-box; /* Padding ve border genişliğe dahil edilsin */
        margin-left: 0; /* Yatay marginları sıfırla */
        margin-right: 0;
    }
    #primary.content-area.product-category-archive .product-card-title {
        font-size: 1.15rem;
    }
    .category-card-image-wrapper {
        height: 160px; /* Mobilde kategori resmi */
    }
    #primary.content-area.product-category-archive .product-card-image-wrapper {
        height: 180px; /* Mobilde ürün resmi */
    }
    /* Kategori Kartı Mobil */
    .product-categories-list .category-card {
        height: 300px; /* Mobilde kategori kartı yüksekliği güncellendi */
    }
    .product-categories-list .category-card-content {
        padding: 16px; /* Mobilde padding */
    }
    .product-categories-list .category-card-title {
        font-size: 1.3rem; /* Mobilde başlık */
    }
     .product-categories-list .category-card-description {
        font-size: 0.9rem; /* Mobilde açıklama */
    }
}

/* --- Tekil Ürün Sayfası Stilleri (Tamamen Yenilendi) --- */

.single-product-showcase .site-main > article {
    background-color: #ffffff;
    padding: 2em;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
    margin-bottom: 2em;
    margin-top: 40px; /* Header ile arasında boşluk bırak */
}

/* Ana düzen - iki sütunlu grid */
.product-main-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: start;
}

/* Galeri Sütunu Stilleri */
.product-gallery-column {
    width: 100%;
}

.product-featured-image-wrapper {
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}

.product-image {
    display: block;
    width: 100%;
    background-color: white;
    text-align: center;
}

.main-product-image {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
}

/* Galeri küçük resimler - yeni stiller */
.product-thumbnails {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 10px;
    margin-top: 15px;
}

.thumbnail-item {
    cursor: pointer;
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.thumbnail-item:hover {
    border-color: #0077cc;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.thumbnail-item.active {
    border-color: #0077cc;
    box-shadow: 0 0 0 2px #0077cc;
}

.thumbnail-item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* İçerik Sütunu Stilleri */
.product-info-column {
    /* Sağ sütun için özel stil */
}

.single-product-showcase .product-main-title {
    font-size: 1.9em;
    margin-bottom: 0.3em;
    line-height: 1.3;
    color: #222;
}

.product-short-description {
    font-size: 1.05em;
    color: #555;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px dashed #eee;
}

.product-short-description p:last-child {
    margin-bottom: 0;
}

.entry-content.product-description-full {
    margin-bottom: 2em;
    line-height: 1.8; 
}

.product-technical-specifications h3 {
    font-size: 1.3em;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.product-specs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.95em;
}

.product-specs-list li {
    display: flex; 
    justify-content: space-between; 
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5; 
}

.product-specs-list li:last-child {
    border-bottom: none;
}

.product-specs-list li strong {
    color: #444;
    margin-right: 10px;
    flex-shrink: 0; 
}

.product-specs-list li span {
    color: #666;
    text-align: right;
}

.single-product-showcase .edit-link {
    display: block;
    margin-top: 2em;
    font-size: 0.85em;
    text-align: right;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .product-main-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .single-product-showcase .site-main > article {
        padding: 1.5em;
        margin-top: 25px; /* Mobilede daha az üst boşluk */
    }
    
    .single-product-showcase .product-main-title {
        font-size: 1.7em;
    }
    
    .product-thumbnails {
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    }
}

@media (max-width: 480px) {
    .single-product-showcase .site-main > article {
        padding: 1em;
        margin-top: 15px;
    }
    
    .single-product-showcase .product-main-title {
        font-size: 1.5em;
    }
    
    .product-short-description {
        font-size: 1em;
    }
    
    .product-thumbnails {
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    }
    
    .product-specs-list li {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
    
    .product-specs-list li span {
        text-align: left;
    }
}

.postbox .hndle,
.stuffbox .hndle {
    font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
    color: #222; /* Admin panel başlıkları */
}

/* Yeni: Ürün grid sarmalayıcısı için ortalama stilleri */
.product-grid-wrapper {
    margin-bottom: 3em; /* Grid'in altına boşluk */
}

/* Taşma Hatası Düzeltmeleri */
body, html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* Ürün Detayları Sayfası Geliştirilmiş Taşma Kontrolü */
.product-card-title,
.product-categories-list .category-card-title,
.single-product-showcase .product-main-title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.product-card-description,
.product-categories-list .category-card-description,
.product-short-description,
.entry-content.product-description-full {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 480px) {
    body, html {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    .product-card-content,
    .product-categories-list .category-card-content {
        padding: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .product-card-title, 
    .category-card-title,
    .single-product-showcase .product-main-title {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
    
    /* Mobil içerik genişlik düzeltmesi */
    #primary.content-area,
    .site-main,
    .product-grid-wrapper,
    .product-categories-list,
    .single-product-showcase .site-main > article,
    .product-main-layout,
    .product-gallery-column,
    .product-info-column {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ====================================================== */
/* --- HEADER VE GALERİ DÜZELTMELER (GELİŞTİRİLMİŞ) --- */
/* ====================================================== */

/* Genel sayfa düzeni düzeltmesi */
body {
    /* display: flex; */ /* BU SATIR YORUMA ALINDI */
    /* flex-direction: column; */ /* BU SATIR YORUMA ALINDI */
    min-height: 100vh;
}

/* Header için gelişmiş z-index ayarları */
body #wrapper > header,
body .fusion-header-wrapper,
body header.fusion-header-wrapper,
body .fusion-header,
body .fusion-secondary-header, 
#site-header,
.site-header,
header#masthead,
.main-header,
header.main-header,
.header,
header.header,
.nav-container,
.navigation-wrapper,
#top-header,
.top-header,
.site-header-main,
#masthead {
    /* position: relative !important; */ /* BU SATIR YORUMA ALINDI */
    /* z-index: 10000 !important; */ /* Çok yüksek değer - BU SATIR YORUMA ALINDI */
    /* order: -1 !important; */ /* Flexbox sıralamasında en üstte - ÖNCEKİ ADIMDA YORUMLANDI */
}

/* Avada teması için özel düzeltmeler */
.fusion-header-wrapper {
    /* position: relative !important; */ /* BU SATIR YORUMA ALINDI */
    /* z-index: 10000 !important; */ /* BU SATIR YORUMA ALINDI */
}
.fusion-header {
    /* position: relative !important; */ /* BU SATIR YORUMA ALINDI */
    /* z-index: 10000 !important; */ /* BU SATIR YORUMA ALINDI */
}
.fusion-secondary-main-menu {
    /* position: relative !important; */ /* BU SATIR YORUMA ALINDI */
    /* z-index: 10000 !important; */ /* BU SATIR YORUMA ALINDI */
}

/* Galeri ve içerik alanı için ayarlar */
#primary,
#content,
.content-area,
main,
#main,
.site-content,
.site-main,
.single-product-showcase,
#primary.content-area.single-product-showcase,
#primary.single-product-showcase {
    /* position: relative !important; */ /* BU SATIR YORUMA ALINDI */
    /* z-index: 100 !important; */ /* Header'dan düşük z-index - BU SATIR YORUMA ALINDI */
    /* order: 1 !important; */ /* Flexbox sıralamasında header'dan sonra - ÖNCEKİ ADIMDA YORUMLANDI */
}

/* Tekil ürün sayfasında ve ürün galerisi olan yerlerde header ile çakışmayı önlemek için margin-top ekle */
.single-product-showcase main,
.single-product-showcase #main,
.product-gallery { /* .product-gallery sınıfına sahip sarmalayıcıya da eklenebilir */
    margin-top: 20px !important;
}

/* Galeri içindeki fotoğraflar için */
.product-gallery-column,
.product-featured-image-wrapper,
.product-image,
.product-thumbnails {
    position: relative !important;
    z-index: 50 !important; /* Ana içerikten bile düşük */
    background-color: #fff !important;
}

.product-image a,
.product-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    filter: none !important;
    opacity: 1 !important;
    background-color: #fff !important;
    max-width: 100% !important;
}

.product-gallery-column .product-featured-image-wrapper {
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
    box-shadow: none !important;
}

.product-thumbnails a {
    background-color: #fff !important;
    border: 2px solid #e1e1e1 !important;
}

.product-thumbnails a.active-thumbnail {
    border: 2px solid #0077cc !important;
}

/* === FANCYBOX INTERACTIVITY AND LAYERING FIXES === */

.fancybox__container {
    --fancybox-bg: rgba(24, 24, 27, 0.92) !important; /* Slightly adjust for desired darkness */
    z-index: 999999 !important; /* Extremely high z-index */
    position: fixed !important; /* Ensure it's in the top layer */
    pointer-events: auto !important; /* Container itself should allow pointer events */
}

.fancybox__backdrop {
    background: var(--fancybox-bg) !important; /* Use the container's bg variable */
    z-index: 1 !important; /* Relative to container */
    pointer-events: auto !important; /* Allow click on backdrop to close */
}

.fancybox__carousel {
    z-index: 2 !important; /* Above backdrop */
    pointer-events: auto !important; /* Carousel should allow events */
    position: relative !important; /* Ensure stacking context for slides */
}

.fancybox__slide {
    padding: 0 !important;
    z-index: 3 !important; /* Above carousel base */
    pointer-events: auto !important; /* Slides should allow clicks (for close on content, etc.) */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.fancybox__content {
    z-index: 4 !important; /* Content within slide */
    pointer-events: auto !important; /* Actual image/content */
    max-width: 100% !important;
    max-height: 100% !important;
}

.fancybox__image {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Buttons (Nav, Close, etc.) */
.fancybox__button {
    z-index: 10 !important; /* Above slides and content */
    background: rgba(30, 30, 30, 0.7) !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important; /* CRITICAL for button clicks */
    visibility: visible !important;
    opacity: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

.fancybox__button:hover {
    background: rgba(50, 50, 50, 0.9) !important;
}

.fancybox__button svg {
    width: 26px !important;
    height: 26px !important;
    fill: currentColor !important;
}

.fancybox__button--prev {
    left: 20px !important;
}

.fancybox__button--next {
    right: 20px !important;
}

.fancybox__button--close {
    top: 20px !important;
    right: 20px !important;
}

/* Ensure no theme styles are hiding the buttons with pseudo-elements */
.fancybox__button::before, 
.fancybox__button::after {
    content: none !important; 
}

/* Resetting any potentially conflicting global styles for images within Fancybox */
.fancybox__content img {
    filter: none !important;
    opacity: 1 !important;
    background: none !important;
    box-shadow: none !important;
    pointer-events: auto !important; /* Images might have their own events like zoom */
}

/* === END FANCYBOX FIXES === */

/* Kaldırılan dark overlay efektini product gallery için de iptal et */
/* .product-card::before, */ /* Karartma efektinin çalışması için bu satır yorumlandı */
/* .product-categories-list .category-card::before, */ /* Karartma efektinin çalışması için bu satır yorumlandı */
.product-image::before,
.product-image::after,
.product-image .overlay,
.product-thumbnails a::before {
    content: none !important;
    background: none !important;
    display: none !important;
}

/* Avada teması için sticky header düzeltmesi */
.fusion-sticky-shadow,
.fusion-sticky-header-wrapper {
    position: relative !important;
    z-index: 10000 !important;
}

/* Üst düzey içerik düzeni düzeltmesi */
#wrapper,
#page,
.site {
    position: relative !important;
    overflow: visible !important;
}

/* Mobil cihazlar için ek düzeltmeler */
@media (max-width: 800px) {
    /* Mobil menü üstte kalması için */
    .fusion-mobile-menu-design-modern .fusion-header,
    .fusion-mobile-nav-holder,
    .fusion-mobile-menu-icons {
        position: relative !important;
        z-index: 99999 !important;
    }
    
    /* Mobilde içerik ile header arasında biraz daha fazla boşluk */
    #primary,
    .content-area,
    main,
    #main {
        margin-top: 30px !important;
    }
}

/* Hover durumunda da z-index'i koru */
.fusion-header:hover,
.fusion-secondary-header:hover,
.fusion-header-wrapper:hover {
    z-index: 10000 !important;
}

/* Görüntü düzeni düzeltmesi */
.product-gallery-column .product-featured-image-wrapper {
    margin-top: 30px !important;
}

/* Yeni darkening fix sınıfı */
.no-darkening {
    filter: none !important;
    opacity: 1 !important;
    brightness: 100% !important;
    contrast: 100% !important;
    box-shadow: none !important;
    background-color: white !important;
}

/* Fancybox container fixes */
.fancybox__container {
    --fancybox-bg: rgba(24, 24, 27, 0.95) !important;
    background: transparent !important;
    z-index: 99999 !important;
}

.fancybox__backdrop {
    background: rgba(30, 30, 30, 0.85) !important;
}

.fancybox__carousel {
    background-color: transparent !important;
}

.fancybox__slide {
    background-color: transparent !important;
    padding: 0 !important;
}

.fancybox__content {
    background-color: transparent !important;
}

.fancybox__content > .fancybox__image,
.fancybox__image {
    filter: none !important;
    opacity: 1 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Görsel düzeni düzeltmesi - margin override */
.product-gallery-column .product-featured-image-wrapper {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff !important;
}

/* Resimler için object-fit cover kullanıyoruz ama ratio bozulmasın */
.product-gallery-column .product-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 600px !important;
    object-fit: contain !important;
    background-color: white !important;
}

/* Kalın ve gözle görülür border ekleyelim */
.product-thumbnails a {
    display: block !important;
    border: 3px solid #e5e5e5 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    background-color: white !important;
}

.product-thumbnails a:hover {
    border-color: #0077cc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.product-thumbnails a.active-thumbnail {
    border-color: #0077cc !important;
    box-shadow: 0 0 0 2px #0077cc !important;
}

.product-thumbnails img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    background-color: white !important;
}

/* Ürün Galerisi Stilleri */
.product-gallery {
    margin-top: 30px; /* Header altında uygun boşluk bırak */
    margin-bottom: 30px;
}

.product-image {
    position: relative;
    text-align: center;
    margin-bottom: 15px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
}

.product-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    transition: transform 0.3s ease;
    background-color: #fff;
}

/* Hover efektini kaldır, sadece resmin kendisi görünsün */
.product-image:hover img {
    transform: scale(1.02);
}

/* Önceki karartma ve overlay efektini tamamen temizle */
.product-image::before,
.product-image::after,
.product-image .overlay {
    display: none !important;
    content: none !important;
    background: none !important;
}

.thumbnails-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.product-thumbnails .thumbnail-item {
    width: 80px;
    height: 80px;
    border: 2px solid #ddd !important;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease;
    background-color: #fff;
}

.product-thumbnails .thumbnail-item.active {
    border-color: #007bff !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.35) !important;
}

.product-thumbnails .thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.2s ease;
    background-color: #fff;
}

.product-thumbnails .thumbnail-item:hover img {
    opacity: 0.85;
}

/* Fancybox aktif içeriğin üzerinde görüntülensin */
.fancybox__container {
    z-index: 9999;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .product-gallery {
        margin-top: 15px;
    }
    
    .thumbnail-item {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .thumbnail-item {
        width: 50px;
        height: 50px;
    }
}