/* Logo fixes to prevent stretching and maintain aspect ratio */

/* Sidebar logo fixes - Full sidebar logo */
.sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo img {
    width: auto !important;
    height: 40px !important;
    max-height: 40px !important;
    max-width: 140px !important;
    object-fit: contain !important;
}

/* Sidebar logo fixes - Mini sidebar logo */
.sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini img {
    width: auto !important;
    height: 35px !important;
    max-height: 35px !important;
    max-width: 35px !important;
    object-fit: contain !important;
}

/* Navbar logo fixes - Full navbar logo */
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo img {
    width: auto !important;
    height: 40px !important;
    max-height: 40px !important;
    max-width: 140px !important;
    object-fit: contain !important;
}

/* Navbar logo fixes - Mini navbar logo */
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: auto !important;
    height: 35px !important;
    max-height: 35px !important;
    max-width: 35px !important;
    object-fit: contain !important;
}

/* Ensure proper logo visibility - show full logo by default, hide mini */
.sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo {
    display: block !important;
}

.sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini {
    display: none !important;
}

/* Navbar logo visibility */
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
    display: block !important;
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
    display: none !important;
}

/* Sidebar icon-only mode - show mini logo, hide full logo */
.sidebar-icon-only .sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo {
    display: none !important;
}

.sidebar-icon-only .sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini {
    display: inline-block !important;
}

/* Remove any filters or overlays that might be causing visual issues */
.sidebar .sidebar-brand-wrapper .sidebar-brand img,
.navbar .navbar-brand-wrapper .navbar-brand img {
    filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
    background: transparent !important;
}

/* Ensure proper centering */
.sidebar .sidebar-brand-wrapper .sidebar-brand,
.navbar .navbar-brand-wrapper .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Mobile responsive fixes */
@media (max-width: 991px) {
    /* On mobile, hide full logo and show mini logo */
    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: none !important;
    }
    
    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: inline-block !important;
    }
    
    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
        width: auto !important;
        height: 30px !important;
        max-height: 30px !important;
        max-width: 30px !important;
    }
}

@media (max-width: 480px) {
    .navbar .navbar-brand-wrapper .brand-logo-mini img {
        width: auto !important;
        height: 25px !important;
        max-height: 25px !important;
        max-width: 25px !important;
    }
}