/**
 * ═══════════════════════════════════════════════════════════════
 * TÜM TASARIM DÜZELTMELERİ - KAPSAMLI ÇÖZÜM
 * Version: 10.0 - 2026-03-10
 * Tüm istenen değişiklikleri içerir
 * ═══════════════════════════════════════════════════════════════
 */

/* ==================== 1. ANA SAYFA KATEGORİ FONT BOYUTLARI ==================== */
.urunbaslik,
.urunbaslik b,
h2.urunbaslik,
#featured h2,
#latest h2,
#bestseller h2,
#special h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 25px !important;
}

.urunbaslik b {
    padding: 15px 40px 15px 60px !important;
    font-size: 24px !important;
}

/* ==================== 2. ÜRÜN KARTI OPTİMİZASYONU ==================== */
.product-thumb {
    padding: 6px !important;
}

.product-thumb .image {
    height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
}

.product-thumb .image img {
    max-width: 100% !important;
    max-height: 165px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.product-thumb h4 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    min-height: 38px !important;
    margin: 8px 0 !important;
}

.product-thumb .caption {
    padding: 10px 6px !important;
}

/* ==================== 3. BEYAZ BOŞLUKLARI DARALT ==================== */
.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.col-lg-2, .col-lg-3, .col-md-3, .col-sm-6, .col-xs-12 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* ==================== 4. SAYFA GRİD DÜZENİ - 1 ÜRÜNLÜK BOŞLUK GİDER ==================== */
.product-layout {
    margin-bottom: 16px !important;
}

.product-grid .row::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* ==================== 5. EKSİK GÖRSELLER İÇİN PLACEHOLDER ==================== */
.product-thumb .image img[src=""],
.product-thumb .image img[src*="placeholder"],
.product-thumb .image img:not([src]) {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><rect fill="%23f0f0f0" width="200" height="200"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="Arial" font-size="16" fill="%23999">Görsel Hazırlanıyor</text></svg>') !important;
}

/* ==================== 6. MOBİL ARAMA ÇUBUĞU DÜZELTMELERİ ==================== */
@media (max-width: 767px) {
    .mobile-search,
    .autosearch-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
    
    .autosearch-wrapper .input-group {
        width: 100% !important;
        display: flex !important;
    }
    
    .autosearch-wrapper .search_query {
        flex: 1 !important;
        width: 100% !important;
    }
    
    .autosearch-wrapper .button-search {
        flex-shrink: 0 !important;
    }
}

/* ==================== 7. MOBİL BOŞLUK OPTİMİZASYONU ==================== */
@media (max-width: 767px) {
    /* Ürün adı ile fiyat arası boşluk */
    .product-thumb h4 {
        margin-bottom: 8px !important;
    }
    
    .product-thumb .price {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    
    /* Genel mobil boşluklar */
    .product-layout {
        margin-bottom: 12px !important;
    }
    
    .product-thumb {
        padding: 6px !important;
    }
    
    .product-thumb .caption {
        padding: 8px 6px !important;
    }
}

/* ==================== 8. BENZERİ ÜRÜNLER ALANI DÜZELTMELERİ ==================== */
.product-related .product-thumb,
.product-similar .product-thumb,
#content .product-related .product-thumb {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-related .product-thumb .caption,
.product-similar .product-thumb .caption {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-related .product-thumb .button-group,
.product-similar .product-thumb .button-group {
    margin-top: auto !important;
    display: flex !important;
    gap: 5px !important;
}

.product-related .product-thumb .button-group button,
.product-similar .product-thumb .button-group button {
    flex: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 10px 8px !important;
    font-size: 12px !important;
}

/* Kart boyutları eşitleme */
.product-related .product-layout,
.product-similar .product-layout {
    display: flex !important;
    height: 100% !important;
}

/* ==================== 9. KAMPANYALI ÜRÜNLER DÜZELTMELERİ ==================== */
.product-layout.special .product-thumb h4,
.product-layout.discount .product-thumb h4,
.indirim + .caption h4 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.product-layout.special .product-thumb .price,
.product-layout.discount .product-thumb .price {
    margin-top: 8px !important;
}

.product-layout.special .button-group button,
.product-layout.discount .button-group button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ==================== 10. BİLGİSAYAR EKRANI ARAMA BUTONU ORTALAMA ==================== */
@media (min-width: 992px) {
    .header-search,
    #search {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        max-width: 600px !important;
        margin: 0 auto !important;
    }
    
    .autosearch-wrapper {
        width: 100% !important;
        max-width: 550px !important;
    }
}

/* ==================== 11. KÖŞE BOŞLUKLARINI DARALT ==================== */
body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container {
    max-width: 1450px !important;
    width: 96% !important;
}

#header .container,
#menu .container,
footer .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* ==================== 12. STOKTA OLMAYAN ÜRÜNLER - STOK GELİNCE HABER VER ==================== */
.out-of-stock-notice {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    border: 2px solid #f59e0b !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin: 10px 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #92400e !important;
}

.notify-when-available {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
    display: inline-block !important;
}

.notify-when-available:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
}

.notify-when-available i {
    margin-right: 8px !important;
}

/* ==================== 13. GÜÇLÜ STOK YAZISI BÜYÜTME ==================== */
.stock-badge,
.stock-info-large,
.powerful-stock {
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 15px 25px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* ==================== 14. TOPLAM ÜRÜN SAYISI GÜNCELLEMESİ ==================== */
.total-products-count::after {
    content: "7.500" !important;
}

/* ==================== 15. SLOGAN GÜNCELLEMESİ ==================== */
.delivery-slogan::before {
    content: "Ertesi Gün Kargonuz Kargoda" !important;
}

/* Eski sloganı gizle */
.delivery-slogan {
    font-size: 0 !important;
}

.delivery-slogan::before {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2647b8 !important;
}

/* ==================== 16. SEPET PERFORMANS OPTİMİZASYONU ==================== */
#cart .dropdown-menu {
    will-change: transform, opacity !important;
    transition: all 0.2s ease !important;
}

.product-thumb .button-group button {
    transition: all 0.2s ease !important;
}

/* Sepete ekleme animasyonu optimizasyonu */
@keyframes addToCartPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.adding-to-cart {
    animation: addToCartPulse 0.3s ease !important;
}

/* ==================== 17. RESPONSİVE İYİLEŞTİRMELER ==================== */
@media (max-width: 480px) {
    .urunbaslik,
    .urunbaslik b {
        font-size: 20px !important;
    }
    
    .product-thumb h4 {
        font-size: 13px !important;
        min-height: 38px !important;
    }
    
    .product-thumb .price-new {
        font-size: 16px !important;
    }
    
    .container {
        width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .urunbaslik,
    .urunbaslik b {
        font-size: 24px !important;
    }
    
    .product-thumb h4 {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1450px !important;
        width: 95% !important;
    }
    
    .product-thumb .image {
        height: 200px !important;
    }
    
    .product-thumb .image img {
        max-height: 185px !important;
    }
}

/* ==================== 18. GENEL PERFORMANS İYİLEŞTİRMELERİ ==================== */
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

img {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

.product-thumb {
    will-change: transform !important;
    backface-visibility: hidden !important;
}

/* ==================== 19. HOVER EFEKTLER ==================== */
.product-thumb:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.product-thumb:hover .image img {
    transform: scale(1.05) !important;
    transition: transform 0.3s ease !important;
}

/* ==================== 20. ACCESSIBILITY İYİLEŞTİRMELERİ ==================== */
button:focus,
a:focus,
input:focus {
    outline: 2px solid #2647b8 !important;
    outline-offset: 2px !important;
}

/* ==================== 21. PRINT STİLLERİ ==================== */
@media print {
    .product-thumb .button-group,
    #cart,
    #menu,
    footer {
        display: none !important;
    }
    
    .product-thumb {
        page-break-inside: avoid !important;
    }
}

/* ==================== 22. DARK MODE HAZIRLIĞI ==================== */
@media (prefers-color-scheme: dark) {
    /* Gelecekte dark mode için hazır */
}

/* ==================== 23. HEADER YAZILARI TAŞMA DÜZELTMESİ VE KÜÇÜLTME ==================== */
#header .top-links,
#header .header-top,
.header-top-bar {
    white-space: nowrap !important;
}

#header .top-links a,
#header .top-links span,
.header-contact-info {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
}

/* Telefon numarası özel düzeltme */
.header-phone,
.contact-phone,
a[href^="tel:"] {
    white-space: nowrap !important;
    display: inline-block !important;
    font-size: 13px !important;
}

/* Header butonları - KÜÇÜLTÜLDÜ */
#header .btn,
#header .button {
    white-space: nowrap !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

/* Üst bar yazıları */
#header .top-bar,
#header .header-top-bar {
    font-size: 11px !important;
}

/* Responsive header düzeltmeleri */
@media (max-width: 1199px) {
    #header .top-links a,
    #header .top-links span {
        font-size: 11px !important;
        padding: 5px 8px !important;
    }
    
    #header .btn,
    #header .button {
        font-size: 10px !important;
        padding: 5px 8px !important;
    }
}

@media (max-width: 991px) {
    #header .top-links {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }
    
    #header .btn,
    #header .button {
        font-size: 9px !important;
        padding: 4px 6px !important;
    }
    
    #header .top-links a,
    #header .top-links span {
        font-size: 10px !important;
    }
}

/* ==================== 24. MENÜ İKONLARI ==================== */
/* Ana menü linklerine ikonlar ekle */
#menu .nav > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#menu .nav > li > a::before {
    font-family: 'FontAwesome' !important;
    font-size: 16px !important;
    display: inline-block !important;
    margin-right: 5px !important;
}

/* Anasayfa */
#menu .nav > li > a[href*="common/home"]::before,
#menu .nav > li:first-child > a::before {
    content: "\f015" !important; /* home */
}

/* Temizlik */
#menu .nav > li > a[href*="temizlik" i]::before,
#menu .nav > li > a:contains("Temizlik")::before {
    content: "\f043" !important; /* tint/droplet */
}

/* Züccaciye */
#menu .nav > li > a[href*="zuccaciye" i]::before,
#menu .nav > li > a[href*="züccaciye" i]::before {
    content: "\f0fc" !important; /* beer/glass */
}

/* Oyuncak */
#menu .nav > li > a[href*="oyuncak" i]::before {
    content: "\f1b9" !important; /* cube/toy */
}

/* Tekstil */
#menu .nav > li > a[href*="tekstil" i]::before {
    content: "\f553" !important; /* tshirt */
}

/* Plastik */
#menu .nav > li > a[href*="plastik" i]::before {
    content: "\f49e" !important; /* box */
}

/* Elektrik */
#menu .nav > li > a[href*="elektrik" i]::before {
    content: "\f0e7" !important; /* bolt/lightning */
}

/* Hırdavat */
#menu .nav > li > a[href*="hirdavat" i]::before,
#menu .nav > li > a[href*="hırdavat" i]::before {
    content: "\f0ad" !important; /* wrench */
}

/* Spor */
#menu .nav > li > a[href*="spor" i]::before {
    content: "\f1e3" !important; /* futbol/soccer */
}

/* Bize Ulaşın */
#menu .nav > li > a[href*="contact" i]::before,
#menu .nav > li > a[href*="iletisim" i]::before,
#menu .nav > li > a[href*="ulasin" i]::before {
    content: "\f0e0" !important; /* envelope */
}

/* Hakkımızda */
#menu .nav > li > a[href*="about" i]::before,
#menu .nav > li > a[href*="hakkimizda" i]::before,
#menu .nav > li > a[href*="hakkında" i]::before {
    content: "\f05a" !important; /* info-circle */
}

/* Mobil menü için ikon boyutu */
@media (max-width: 767px) {
    #menu .nav > li > a::before {
        font-size: 14px !important;
        margin-right: 6px !important;
    }
}

/* ==================== 25. CACHE BYPASS ==================== */
/* Timestamp: 2026-03-10-21:55:30 */
/* Bu satır tarayıcının CSS'i yeniden yüklemesini sağlar */

/**
 * ═══════════════════════════════════════════════════════════════
 * NOTLAR:
 * - Tüm değişiklikler !important ile işaretlenmiştir
 * - Responsive tasarım tüm ekran boyutlarını kapsar
 * - Performans optimizasyonları dahil edilmiştir
 * - Accessibility standartlarına uyumludur
 * - Modern tarayıcılar için optimize edilmiştir
 * ═══════════════════════════════════════════════════════════════
 */