/**
 * App Logo - Ortak stiller
 * Logo arka plana ve konuma uyumlu, görsel olarak çekici gösterim
 */

/* Genel wrapper */
.app-logo-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-logo-container img {
    object-fit: contain;
    display: block;
}

/* Sidebar / Navbar - Koyu arka planlar üzerinde */
.app-logo-container--dark {
    background: rgba(255, 255, 255, 0.15);
    padding: 8px 12px;
    border-radius: 8px;
}

.app-logo-container--dark img {
    max-height: 36px;
    max-width: 140px;
    width: auto;
    height: auto;
    opacity: 0.95;
}

/* Management Sidebar - Logo ortada, okunaklı, sidebar ile uyumlu */
.main-sidebar .brand-link--logo-only {
    justify-content: center;
    width: 100%;
}

.main-sidebar .app-logo-container--sidebar {
    width: 100%;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main-sidebar .app-logo-container--sidebar img {
    max-height: 42px;
    max-width: 150px;
    width: auto;
    height: auto;
    opacity: 1;
    display: block;
    margin: 0 auto;
}

/* Sidebar daraldığında (AdminLTE sidebar-mini) */
.main-sidebar.sidebar-collapse .app-logo-container--sidebar {
    padding: 8px 10px;
}

.main-sidebar.sidebar-collapse .app-logo-container--sidebar img {
    max-height: 32px;
    max-width: 110px;
}

/* Navbar (Home Index ve tüm sayfalar) - Tema rengi üzerinde */
.navbar-header .app-logo-container--navbar {
    padding: 6px 0;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.navbar-header .app-logo-container--navbar img {
    max-height: 76px;
    max-width: 200px;
    width: auto;
    height: auto;
    opacity: 1;
}

@media (max-width: 767px) {
    .navbar-header .app-logo-container--navbar {
        padding: 4px 0;
    }
    
    .navbar-header .app-logo-container--navbar img {
        max-height: 44px;
        max-width: 160px;
    }
}

/* Mobil menü - biraz daha kompakt */
.mobile-menu-header .app-logo-container--dark {
    padding: 6px 10px;
}

.mobile-menu-header .app-logo-container--dark img {
    max-height: 28px;
    max-width: 100px;
}

/* Login sol panel - border/arka plan yok, büyük logo */
.app-logo-container--login {
    background: transparent;
    border: none;
    padding: 8px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-logo-container--login img {
    max-width: 420px;
    max-height: 165px;
    width: auto;
    height: auto;
    opacity: 1;
}