/* Grey Logo Styling for Navigation and Footer */

/* Navigation Logo - Grey/Desaturated */
.logo img {
    filter: grayscale(100%) brightness(1.2);
    -webkit-filter: grayscale(100%) brightness(1.2);
    transition: filter 0.3s ease;
}

/* Optional: Show color on hover (navigation only) */
.logo:hover img {
    filter: grayscale(0%) brightness(1);
    -webkit-filter: grayscale(0%) brightness(1);
}

/* Footer Logo - Grey/Desaturated */
.footer-logo img {
    filter: grayscale(100%) brightness(1.2);
    -webkit-filter: grayscale(100%) brightness(1.2);
}

/* Mobile Menu Logo - Keep consistent */
@media (max-width: 1023px) {
    .logo img {
        filter: grayscale(100%) brightness(1.2);
        -webkit-filter: grayscale(100%) brightness(1.2);
    }
}