/* ============================================
   LOGO TRANSPARENCY FIX
   Ensures logo displays with full transparency
   Removes any borders, backgrounds, or padding
   ============================================ */

/* Remove all backgrounds from logo container */
.site-logo,
.site-logo a,
.site-logo .custom-logo-link,
.header-main .site-logo,
.site-header .site-logo {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove all borders and backgrounds from logo images */
.site-logo img,
.site-logo .custom-logo-link img,
.site-logo-img,
.site-logo a img,
.custom-logo-link img,
img.custom-logo,
.header-main .site-logo img,
.header-main .site-logo a img,
.header-main .site-logo .custom-logo-link img,
.site-header .site-logo img,
.site-header .site-logo a img,
.site-header .site-logo .custom-logo-link img {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    /* Ensure transparency is preserved */
    opacity: 1 !important;
    /* Remove any image borders that might appear */
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* Ensure logo link has no background or border */
.site-logo a,
.site-logo .custom-logo-link {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    display: block !important;
}

/* Remove any hover effects that might add borders */
.site-logo a:hover,
.site-logo .custom-logo-link:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Ensure logo displays properly with transparency */
.site-logo img,
.site-logo .custom-logo-link img,
.site-logo-img {
    /* Preserve aspect ratio */
    object-fit: contain !important;
    /* Ensure transparency works */
    mix-blend-mode: normal !important;
    /* Remove any filter effects */
    filter: none !important;
}

/* Mobile - Ensure transparency on mobile too */
@media screen and (max-width: 768px) {
    .site-logo,
    .site-logo a,
    .site-logo .custom-logo-link,
    .header-main .site-logo,
    .site-header .site-logo {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
    
    .site-logo img,
    .site-logo .custom-logo-link img,
    .site-logo-img,
    .site-logo a img {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
}

/* Ensure no pseudo-elements add borders */
.site-logo::before,
.site-logo::after,
.site-logo a::before,
.site-logo a::after,
.site-logo .custom-logo-link::before,
.site-logo .custom-logo-link::after {
    display: none !important;
    content: none !important;
}
