/* Logo Enhancement Effects */

/* Header logo animations */
.logo-container {
    position: relative;
}

.logo-container img {
    transition: transform 0.2s ease;
}

.logo-container:hover img {
    transform: translateY(-2px) scale(1.02);
}

/* Text hover effect */
.logo-container:hover span {
    transform: translateY(-1px);
    transition: transform 0.2s ease;
}

/* Logo pulse animation for branding */
@keyframes logo-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

.logo-pulse {
    animation: logo-pulse 3s ease-in-out infinite;
}

/* Responsive logo adjustments */
@media (max-width: 768px) {
    .logo-container img {
        height: 2rem; /* Smaller on mobile */
    }
}

@media (max-width: 640px) {
    .logo-container img {
        height: 1.75rem; /* Even smaller on very small screens */
    }
}