/* ============================================
   CONSOLIDATED LOGO RULES - UNREGISTRY
   ============================================ */

/* ============================================
   1. BASE LOGO STYLES
   ============================================ */

/* Navigation Logo - Full Size */
.nav-logo {
    height: 32px;
    width: auto;
    /* Display controlled by theme rules below */
}

/* Navigation Icon - Compact Version */
.nav-logo-icon {
    height: 32px;
    width: auto;
    /* Display controlled by theme rules below */
}

/* ============================================
   2. DEFAULT STATE (ALL SIZES)
   ============================================ */

/* Hide all logos and icons by default */
.nav-logo {
    display: none !important;
}

.nav-logo-icon {
    display: none !important;
}

/* ============================================
   3. SMALL SCREENS (BELOW 384px) - ICON ONLY
   ============================================ */

@media (max-width: 383.98px) {
    /* Ensure all full logos stay hidden */
    .nav-logo {
        display: none !important;
    }
    
    /* Show correct icon based on theme */
    /* Dark Theme (Default) */
    .nav-logo-icon.logo-light {
        display: none !important;
    }
    
    .nav-logo-icon.logo-dark {
        display: block !important;
    }
    
    /* Light Theme */
    [data-theme="light"] .nav-logo-icon.logo-light {
        display: block !important;
    }
    
    [data-theme="light"] .nav-logo-icon.logo-dark {
        display: none !important;
    }
}

/* ============================================
   4. LARGER SCREENS (384px+) - FULL LOGO ONLY
   ============================================ */

@media (min-width: 384px) {
    /* Ensure all icons stay hidden */
    .nav-logo-icon {
        display: none !important;
    }
    
    /* Show correct logo based on theme */
    /* Dark Theme (Default) */
    .nav-logo.logo-light {
        display: none !important;
    }
    
    .nav-logo.logo-dark {
        display: block !important;
    }
    
    /* Light Theme */
    [data-theme="light"] .nav-logo.logo-light {
        display: block !important;
    }
    
    [data-theme="light"] .nav-logo.logo-dark {
        display: none !important;
    }
}

/* ============================================
   5. MOBILE DRAWER LOGOS
   ============================================ */

.nav-drawer-logo {
    display: block;
    line-height: 0;
}

.nav-drawer-logo img {
    height: 40px;
    width: auto;
}

/* Dark Theme (Default) */
html:not([data-theme="light"]) .nav-drawer .logo-light,
[data-theme="dark"] .nav-drawer .logo-light {
    display: none !important;
}

html:not([data-theme="light"]) .nav-drawer .logo-dark,
[data-theme="dark"] .nav-drawer .logo-dark {
    display: block !important;
}

/* Light Theme */
[data-theme="light"] .nav-drawer .logo-light {
    display: block !important;
}

[data-theme="light"] .nav-drawer .logo-dark {
    display: none !important;
}

/* ============================================
   6. FOOTER LOGOS
   ============================================ */

.footer-logo-section {
    margin-bottom: 1rem;
}

.footer-logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo-wrapper a {
    display: inline-block;
    line-height: 0;
}

.footer-logo-img {
    height: 33px !important;
    width: auto !important;
    max-width: 195px !important;
    object-fit: contain !important;
    display: inline-block !important;
}

/* Dark Theme (Default) */
html:not([data-theme="light"]) .footer-logo-img.logo-light,
[data-theme="dark"] .footer-logo-img.logo-light {
    display: none !important;
}

html:not([data-theme="light"]) .footer-logo-img.logo-dark,
[data-theme="dark"] .footer-logo-img.logo-dark {
    display: inline-block !important;
}

/* Light Theme */
[data-theme="light"] .footer-logo-img.logo-light {
    display: inline-block !important;
}

[data-theme="light"] .footer-logo-img.logo-dark {
    display: none !important;
}

/* ============================================
   7. SPECIAL CASES & OVERRIDES
   ============================================ */

/* Ensure no conflicts with partner logos */
[data-theme="light"] .partner-logo {
    filter: invert(1) grayscale(1);
}

/* Debug helper - remove in production */
/* Uncomment to see which logos are active
.nav-logo, .nav-logo-icon {
    border: 2px solid red !important;
}
.logo-dark {
    border-color: purple !important;
}
.logo-light {
    border-color: cyan !important;
}
*/