/* LOGO DÜZELTMELERİ - Yüksek Çözünürlük Sorunu Çözümü */
/* Bu dosyayı assets/css klasörüne ekleyin ve index.php'de style.css'den SONRA çağırın */

/* Ana logo düzeltmeleri */
.logo-img {
    /* Yüksek çözünürlük için boyut ayarları */
    height: auto !important;
    max-height: 80px !important;
    width: auto !important;
    max-width: 300px !important;
    min-height: 60px !important;
    
    /* Görüntü kalitesi düzeltmeleri - pixelated kaldırıldı */
    image-rendering: auto !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: high-quality !important;
    -webkit-font-smoothing: antialiased !important;
    
    /* Nesne konumu */
    object-fit: contain !important;
    object-position: center !important;
    
    /* Geçiş efekti */
    transition: all 0.3s ease !important;
    
    /* Gölge efekti - daha hafif */
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.05)) !important;
    
    /* Transform düzeltmesi */
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

/* Logo container düzeltmesi */
.logo-area {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    min-height: 80px !important;
}

.logo-link {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    padding: 8px 0 !important;
    height: 100% !important;
}

/* Hover efekti düzeltmesi */
.logo-link:hover .logo-img {
    transform: scale(1.02) translateZ(0) !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)) !important;
}

/* Yüksek DPI ekranlar için özel ayarlar */
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi),
       (min-resolution: 2dppx) {
    .logo-img {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        transform: translateZ(0) scale(1) !important;
        will-change: transform !important;
    }
}

/* 4K ve üzeri ekranlar için */
@media (min-width: 2560px) {
    .logo-img {
        max-height: 100px !important;
        min-height: 80px !important;
        max-width: 350px !important;
    }
    
    .logo-area {
        min-height: 100px !important;
    }
}

/* Retina ekranlar için */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .logo-img {
        image-rendering: auto !important;
        transform: perspective(1px) translateZ(0) !important;
    }
}

/* Sticky header aktif olduğunda */
header.sticky-active .logo-img {
    max-height: 60px !important;
    min-height: 45px !important;
    transition: all 0.3s ease !important;
}

/* Tablet görünümü */
@media (max-width: 1024px) {
    .logo-img {
        max-height: 70px !important;
        min-height: 50px !important;
        max-width: 240px !important;
    }
}

/* Mobil görünümü */
@media (max-width: 768px) {
    .logo-img {
        max-height: 60px !important;
        min-height: 45px !important;
        max-width: 200px !important;
    }
}

/* Küçük mobil */
@media (max-width: 480px) {
    .logo-img {
        max-height: 50px !important;
        min-height: 40px !important;
        max-width: 160px !important;
    }
}