/**
 * DESKTOP LOGO VISIBILITY FIX
 * 
 * Fixes regression where desktop header logo appears dim/transparent after mobile menu fix.
 * Ensures mobile menu overlay and related styles don't affect desktop header logo rendering.
 * 
 * Created: 2025-08-25
 * Issue: Desktop header logo not rendering correctly after mobile menu fix
 */

/* Desktop-only: ensure header logo renders correctly and is not dimmed/overlapped */
@media (min-width: 769px) {
    /* Fix header z-index to be above mobile overlay */
    .header {
        z-index: 1010 !important; /* Above mobile overlay (1004) */
    }
    
    /* Ensure logo and logo container are fully visible */
    .nav__logo {
        opacity: 1 !important;
        filter: none !important;
        mix-blend-mode: normal !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 1011 !important; /* Above header */
    }
    
    .nav__logo-img {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        visibility: visible !important;
        mix-blend-mode: normal !important;
    }
    
    /* Ensure mobile overlay doesn't interfere with desktop header */
    .mobile-menu-overlay {
        pointer-events: none !important;
        display: none !important; /* Force hide on desktop */
    }
    
    /* Neutralize any menu-open state effects on desktop header */
    html.menu-open .header,
    body.menu-open .header {
        opacity: 1 !important;
        filter: none !important;
        backdrop-filter: blur(10px) !important; /* Preserve original backdrop effect */
    }
    
    html.menu-open .nav__logo,
    body.menu-open .nav__logo {
        opacity: 1 !important;
        filter: none !important;
        visibility: visible !important;
    }
    
    html.menu-open .nav__logo-img,
    body.menu-open .nav__logo-img {
        opacity: 1 !important;
        filter: none !important;
        visibility: visible !important;
        transform: none !important;
    }
}

/* Mobile scope: Keep overlay effects contained to mobile only */
@media (max-width: 768px) {
    /* Ensure mobile overlay has proper z-order relative to mobile menu */
    .mobile-menu-overlay {
        z-index: 1004 !important; /* Below menu (1005) */
    }
    
    .nav__menu {
        z-index: 1005 !important; /* Above overlay */
    }
}

/* Force crisp logo rendering on all display densities */
.nav__logo-img {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    image-rendering: optimizeQuality !important;
}