/* Modern Medical Animations */

/* Floating Animation for Medical Elements */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Pulse Animation for Medical Icons */
@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

/* Glow Animation for Medical Elements */
@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(37, 99, 235, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(37, 99, 235, 0.6);
    }
}

/* Slide In Animation */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Fade In Animation */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Medical Wave Animation */
@keyframes medicalWave {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* Apply Animations */
.hero-text-content {
    animation: fadeIn 1s ease-out;
}

/* Removed hero-image animation to keep it static */

.nav-link:hover {
    animation: pulse 0.6s ease-in-out;
}

.search-btn:hover {
    animation: glow 1s ease-in-out infinite;
}

.hero-btn:hover {
    animation: pulse 0.4s ease-in-out;
}

/* Staggered Animation for Navigation Items */
.nav-item:nth-child(1) { animation: slideInFromRight 0.6s ease-out 0.1s both; }
.nav-item:nth-child(2) { animation: slideInFromRight 0.6s ease-out 0.2s both; }
.nav-item:nth-child(3) { animation: slideInFromRight 0.6s ease-out 0.3s both; }
.nav-item:nth-child(4) { animation: slideInFromRight 0.6s ease-out 0.4s both; }
.nav-item:nth-child(5) { animation: slideInFromRight 0.6s ease-out 0.5s both; }
.nav-item:nth-child(6) { animation: slideInFromRight 0.6s ease-out 0.6s both; }
.nav-item:nth-child(7) { animation: slideInFromRight 0.6s ease-out 0.7s both; }
.nav-item:nth-child(8) { animation: slideInFromRight 0.6s ease-out 0.8s both; }

/* Medical Background Pattern Animation */
.hero-section::before {
    animation: medicalWave 20s linear infinite;
}

/* Smooth Transitions */
* {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Removed hover effects for hero-text-content to keep it clean */

.nav-link:hover i {
    animation: float 1s ease-in-out infinite;
}

/* Loading Animation */
@keyframes loadingPulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.loading {
    animation: loadingPulse 1.5s ease-in-out infinite;
}

/* Medical Cross Animation */
@keyframes medicalCross {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.medical-icon {
    animation: medicalCross 3s ease-in-out infinite;
}

/* Responsive Animation Adjustments */
@media (max-width: 768px) {
    /* Removed hero-image animation for mobile */
    
    .nav-item {
        animation: slideInFromRight 0.4s ease-out both !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}