/* 
===========================
   Custom Logo Styles
===========================
*/

/* Logo Container Styles */
.logo-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
}

.logo-container:hover {
    text-decoration: none !important;
}

/* Standardized Logo Styles */
.standardized-logo {
    /* Fixed dimensions */
    width: 120px !important;
    height: 120px !important;
    
    /* Object fit to maintain aspect ratio */
    object-fit: contain !important;
    object-position: center !important;
    
    /* Center alignment */
    display: block !important;
    margin: 0 auto !important;
    
    /* Border radius for better appearance */
    border-radius: 4px !important;
    
    /* Smooth transitions */
    transition: all 0.3s ease !important;
    
    /* Background for logos with transparency */
    background-color: transparent !important;
    
    /* Remove any default image borders */
    border: none !important;
}

/* Hover effect for logo */
.standardized-logo:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Theme brand container adjustments */
.theme-brand {
    padding: 8px 16px !important;
}

.theme-brand .nav-item.theme-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .standardized-logo {
        width: 35px !important;
        height: 35px !important;
    }
    
    .logo-container {
        padding: 6px 10px !important;
    }
}

@media (max-width: 576px) {
    .standardized-logo {
        width: 30px !important;
        height: 30px !important;
    }
    
    .logo-container {
        padding: 4px 8px !important;
    }
}

/* Dark mode compatibility */
.darkmode .standardized-logo {
    filter: brightness(1.1) !important;
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .standardized-logo {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
    }
}