/* Logo CSS Fix */
/* This file contains specific overrides to ensure the logo has no background */

/* Hard override for logo styling - apply to all elements */
.logo-container,
.logo-container *,
.logo-image,
.navbar-brand img,
a.navbar-brand div,
a.navbar-brand div img {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Logo container specific styles */
.logo-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    margin-right: 5px !important;
    height: 50px !important;
    padding: 0 !important;
}

/* Direct image styling */
.logo-image {
    height: 42px !important;
    width: auto !important;
    padding: 0 !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05)) !important;
    object-fit: contain !important;
}

/* Browser specific fixes */
/* Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .logo-container, .logo-image {
        background-color: transparent !important;
    }
}

/* Firefox */
@-moz-document url-prefix() {
    .logo-container, .logo-image {
        background-color: transparent !important;
    }
}

/* Microsoft Edge and IE */
@supports (-ms-ime-align:auto) {
    .logo-container, .logo-image {
        background-color: transparent !important;
    }
}

/* Fallback for older browsers */
@supports not (display: flex) {
    .logo-container, .logo-image {
        background-color: transparent !important;
    }
}