/* Header spacing quick fixes */
.header .container { padding-top: 6px; padding-bottom: 6px; }
.navigation-landscape { align-items: center; }
.navigation-landscape .nav-header { display: flex; align-items: center; }
.navigation-landscape .nav-menus-wrapper { align-items: center; }
/* ESM Logo Styles */
.nav-brand img {
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    display: block;
    width: auto;
    height: 50px;
    object-fit: contain;
}

.nav-brand img:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

.nav-footer-logo img {
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

.nav-footer-logo img:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
}

/* Logo responsive adjustments */
@media (max-width: 768px) {
    .nav-brand img {
        height: 40px !important;
    }
    
    .nav-footer-logo img {
        height: 50px !important;
    }
}

@media (max-width: 576px) {
    .nav-brand img {
        height: 35px !important;
    }
    
    .nav-footer-logo img {
        height: 45px !important;
    }
}

/* Logo animation for loading */
@keyframes logoGlow {
    0% { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); }
    50% { filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3)); }
    100% { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); }
}

.nav-brand img.loading {
    animation: logoGlow 2s infinite;
}