/* Logo Styles for MCP Analytics */

/* Navigation Logo */
.brand-logo {
    height: 40px;
    width: auto;
    display: block;
    transition: opacity 0.3s ease;
}

.brand-logo:hover {
    opacity: 0.8;
}

/* Footer Logo */
.footer-logo {
    height: 35px;
    width: auto;
    display: block;
    opacity: 0.9;
    filter: brightness(0.95);
}

/* Ensure crisp display on retina screens */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .brand-logo {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .brand-logo {
        height: 32px;
    }
    
    .footer-logo {
        height: 28px;
    }
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    .footer-logo {
        filter: brightness(1.1);
    }
}