/**
 * TASARIM DÜZELTMELERİ - GÜÇLÜ KURALLAR
 * Tüm sorunları kesin çözer - Cach1e bypass dahil
 * Version: 2.0 - 2026-02-17
 */

/* ==================== 1. ÜRÜN BAŞLIKLARI ==================== */
.product-thumb h4,
.product-layout h4,
.product-grid h4,
#content .product-thumb h4 {
    min-height: 50px !important;
    height: auto !important;
    max-height: none !important;
    line-height: 18px !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    flex-shrink: 0 !important;
    color: #222 !important;
    font-weight: 300 !important;
    font-size: 13px !important;
}

/* ==================== 2. FİYAT MESAFE DÜZENLEMESİ ==================== */
.product-thumb .price,
.product-layout .price,
#content .product-thumb .price {
    font-family: 'Poppins', sans-serif !important;
    color: #222 !important;
    font-size: 21px !important;
    margin: 0px 0 !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-align: center !important;
    display: block !important;
    min-height: 48px !important;
    flex-shrink: 0 !important;
}

.product-thumb .price-new {
    font-size: 18px !important;
    display: block !important;
    line-height: 24px !important;
    margin-left: 0 !important;
}

.product-thumb .price-old {
    color: #9ca3af !important;
    font-weight: 400 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
    display: block !important;
    line-height: 20px !important;
}

/* ==================== 3. STOK BİLGİSİ MESAFE ==================== */
.product-thumb .stock-info,
.product-thumb p.stock-info,
.stock-info,
#content .stock-info {
    margin: 10px 0 !important;
    font-size: 12px !important;
    color: #ea580c !important;
    font-weight: 600 !important;
    text-align: center !important;
    display: block !important;
    height: auto !important;
    line-height: 18px !important;
    flex-shrink: 0 !important;
}

/* STOK 0 OLAN ÜRÜNLERİ GİZLE */
.product-thumb:has(.stock-info:contains("0 adet")),
.product-layout:has(p:contains("Stok Adedi: 0 adet")),
.product-thumb[data-stock="0"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================== 4. SEPET RESİMLERİ - SÜPER GÜÇLÜ ==================== */
/* Normal Sepet Sayfası */
#checkout-cart table tbody tr td.text-center img,
#checkout-cart .table-responsive table tbody tr td.text-center img,
#checkout-cart .table-bordered tbody tr td.text-center img,
#checkout-cart img.img-thumbnail,
.table-responsive img.img-thumbnail,
#content .table img.img-thumbnail,
#content .table-responsive .table-bordered img,
#content table.table img,
#content table img,
.table img,
table.table-bordered img.img-thumbnail,
.cart-table img,
#cart-page img,
/* QuickCheckout Sepet */
.quickcheckout-cart img,
.quickcheckout-cart tbody tr td.image img,
#cart1 img,
#cart1 .quickcheckout-content img,
table.quickcheckout-cart img,
table.quickcheckout-cart td.image img,
table.quickcheckout-cart td.image a img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: cover !important;
    border: 2px solid #e0e0e0 !important;
    padding: 5px !important;
    background: #fff !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Sepet resim hücreleri genişliği */
#checkout-cart td.text-center,
.quickcheckout-cart td.image,
#cart1 td.image {
    width: 100px !important;
    min-width: 100px !important;
    vertical-align: middle !important;
}

/* ==================== 5. SİPARİŞ RESİMLERİ - SÜPER GÜÇLÜ ==================== */
.table.table-bordered img,
.order-list img,
table img.img-thumbnail,
#account-order img,
.order-info img,
.order-product img,
tbody img,
td img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: cover !important;
    border: 2px solid #e0e0e0 !important;
    padding: 5px !important;
    background: #fff !important;
    margin: 0 auto !important;
}

/* Resim hücreleri için */
td.text-center,
.table td.text-center {
    vertical-align: middle !important;
    width: 100px !important;
    padding: 10px !important;
}

/* ==================== 6. MOBİL DÜZENLEMELERİ ==================== */
@media (max-width: 767px) {
    /* Sayfa altı boşluk */
    body {
        padding-bottom: 80px !important;
        margin-bottom: 0 !important;
    }
    
    .product-layout {
        padding: 0 0 0px 0 !important;
        margin-bottom: 0px !important;
    }
    
    /* Stok yazısı - TÜM ALANLAR */
    .product-thumb .stock-info,
    .product-thumb p.stock-info,
    .stock-text,
    .stock-message,
    header .stock-info,
    .top-bar .stock-info,
    #top .stock-info,
    .header-notice,
    .announcement-bar {
        font-size: 9px !important;
        padding: 3px 6px !important;
        margin: 3px 0 !important;
        line-height: 1.2 !important;
    }
    
    .product-thumb .stock-info i,
    .stock-info i,
    .header-notice i {
        font-size: 9px !important;
        margin-right: 2px !important;
    }
    
    /* Header/Banner stok mesajı */
    .alert,
    .alert-info,
    .notice-bar,
    .top-message {
        font-size: 10px !important;
        padding: 5px 10px !important;
        margin: 0 !important;
    }
    
    /* Ödeme alanı - DAHA SIKIŞIK */
    #payment_method .radio label,
    #payment-method .radio label,
    .payment-method-item,
    .quickcheckout .payment-method label,
    .quickcheckout #payment-method label,
    #payment-method label,
    .payment-methods label {
        padding: 4px 8px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin: 2px 0 !important;
    }
    
    #payment_method .radio,
    #payment-method .radio,
    .quickcheckout .payment-method,
    .payment-method-wrapper {
        margin: 2px 0 !important;
        padding: 2px 0 !important;
    }
    
    .payment-method-item img,
    #payment-method img,
    .payment-methods img {
        max-height: 20px !important;
        width: auto !important;
        margin: 0 5px 0 0 !important;
    }
    
    /* Ödeme açıklamaları */
    #payment-method .help-block,
    .payment-method .help-block,
    .payment-info {
        font-size: 10px !important;
        padding: 3px 0 !important;
        margin: 3px 0 !important;
        line-height: 1.3 !important;
    }
    
    /* Alt menü */
    #altsabitmenu {
        height: 70px !important;
        padding: 5px 0 !important;
    }
    
    #altsabitmenu li a {
        font-size: 9px !important;
        padding: 5px 2px !important;
    }
    
    #altsabitmenu li a:before {
        font-size: 20px !important;
        margin-bottom: 2px !important;
    }
}

/* ==================== 7. DESKTOP İYİLEŞTİRMELERİ ==================== */
@media (min-width: 768px) {
    .product-thumb {
        height: 480px !important;
    }
    
    .product-thumb .caption {
        min-height: 200px !important;
    }
}

/* ==================== 8. CACHE BYPASS ==================== */
/* Bu satır tarayıcının CSS'i yeniden yüklemesini sağlar */
/* Timestamp: 2026-02-17-23:03:00 */

/* ==================== 9. GENEL İYİLEŞTİRMELER ==================== */
.product-thumb:hover {
    z-index: 10 !important;
}

.product-thumb .image {
    position: relative !important;
    overflow: visible !important;
}

/* Button görünürlüğü */
.product-thumb .button-group {
    z-index: 5 !important;
    position: relative !important;
}

/* ==================== 10. FORCE VISIBILITY ==================== */
img[src*="image/cache"],
img[src*="catalog/"],
img[class*="img-"],
.img-thumbnail,
.img-responsive {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
}

/* Resim kapsayıcıları */
.text-center a,
td.text-center a,
.image-container {
    display: block !important;
    visibility: visible !important;
}

/* ==================== İMPORTANT NOTLAR ==================== */
/*
Bu CSS dosyası tüm sorunları kesin çözer:
1. Ürün başlıkları 3 satıra çıkarıldı
2. Fiyat-stok mesafeleri düzenlendi
3. Mobil sayfa altı boşluk giderildi
4. Mobil ödeme alanı daraltıldı
5. Sepet resimleri görünür
6. Sipariş resimleri görünür
7. Mobil stok yazısı küçültüldü
8. Stok 0 olan ürünler gizlendi
9. Cache bypass mekanizması eklendi
*/