/* Logo Styles */
.logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    transition: var(--transition);
}

.logo img {
    height: 50px;
    width: auto;
    transition: var(--transition);
}

.logo .mobile-logo {
    display: none;
}

.logo:hover {
    transform: translateY(-2px);
}

.footer .logo img {
    height: 40px;
    filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
    .logo .desktop-logo {
        height: 40px;
    }

    .logo .mobile-logo {
        display: none;
    }

    .footer .logo img {
        height: 35px;
    }
}

@media (max-width: 576px) {
    .logo .desktop-logo {
        height: 35px;
    }

    .footer .logo img {
        height: 30px;
    }
}