/* ============================================
   LOGO BOYUTLANDİRMA FIX - TÜM SAYFALAR
   ============================================
   Tüm logolar otomatik olarak boyutlandırılır
   ve responsive olarak çalışır.
============================================ */

/* Header Logo - Ana Sayfa, Login, Register, Blog, Platform Sayfaları */
.navbar-brand img,
header .navbar-brand img,
.navbar .navbar-brand img {
    max-width: 200px !important;
    max-height: 120px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Mobil Offcanvas Menu Logo */
.offcanvas-header .navbar-brand img,
.offcanvas .navbar-brand img {
    max-width: 180px !important;
    max-height: 55px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Footer Logo */
footer img[src*="first_logo"],
footer img[alt*="logo"],
footer .widget img {
    max-width: 180px !important;
    max-height: 55px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Panel Sidebar Logo */
#kt_aside_logo img,
.aside-logo img {
    max-width: 100% !important;
    max-height: 75px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Responsive Ayarlar */
@media (max-width: 991px) {
    /* Mobilde header logoları biraz daha küçük */
    .navbar-brand img,
    header .navbar-brand img {
        max-width: 160px !important;
        max-height: 50px !important;
    }
    
    /* Footer logo mobilde biraz küçük */
    footer img[src*="first_logo"],
    footer img[alt*="logo"],
    footer .widget img {
        max-width: 150px !important;
        max-height: 45px !important;
    }
}

@media (max-width: 575px) {
    /* Çok küçük ekranlarda daha da küçült */
    .navbar-brand img,
    header .navbar-brand img {
        max-width: 140px !important;
        max-height: 42px !important;
    }
    
    footer img[src*="first_logo"],
    footer img[alt*="logo"],
    footer .widget img {
        max-width: 130px !important;
        max-height: 40px !important;
    }
}

/* Dark Mode Logo Uyumluluğu */
.dark-mode .navbar-brand img,
.dark-mode header .navbar-brand img {
    /* Dark mode'da logo filtresi gerekirse buraya eklenebilir */
}

/* Logo Animasyonları - Smooth Transitions */
.navbar-brand img,
header .navbar-brand img,
footer img[src*="logo"] {
    transition: all 0.3s ease-in-out !important;
}

/* Logo Hover Effect */
.navbar-brand:hover img,
header .navbar-brand:hover img {
    opacity: 0.85;
    transform: scale(1.02);
}

/* Logo Loading Optimization */
.navbar-brand img,
header .navbar-brand img,
footer img[src*="logo"] {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Ensure Logo Never Overflows Container */
.navbar-brand,
header .navbar-brand,
.offcanvas-header .navbar-brand {
    overflow: hidden !important;
    display: inline-block !important;
}

/* Fix for logos with inline styles */
img[src*="first_logo"],
img[src*="second_logo"],
img[alt*="logo"],
img[alt*="Logo"] {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}