/* Custom Logo Styles */
.logo img {
    max-height: 60px;
    max-width: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.mobile-logo img {
    max-height: 50px;
    max-width: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Ensure logo is visible */
.logo a,
.mobile-logo a {
    display: block;
    line-height: 1;
}

/* Logo hover effect */
.logo img:hover,
.mobile-logo img:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}