/* Optimized CSS for High Performance */

/* Remove heavy animations and transitions for better performance */
* {
    box-sizing: border-box;
}

/* Optimized transitions - shorter durations */
.nav-link,
.badge,
.mobile-menu,
button,
a {
    transition: all 0.2s ease;
}

/* Remove heavy box-shadows and use lighter alternatives */
.header-container {
    box-shadow: 0 2px 8px rgba(30, 64, 175, 0.08);
}

.dropdown-menu {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Optimize font loading */
@font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
}

/* Remove heavy gradients on mobile */
@media (max-width: 768px) {
    .mobile-menu {
        background: #1e40af;
    }
    
    .logo-container {
        background: #1e40af;
        box-shadow: none;
    }
    
    /* Disable animations on mobile for better performance */
    * {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}

/* Optimize images */
img {
    max-width: 100%;
    height: auto;
    loading: lazy;
}

/* Remove heavy backdrop filters on older browsers */
@supports not (backdrop-filter: blur(10px)) {
    .search-modal {
        background: rgba(0, 0, 0, 0.8);
    }
    
    .dropdown-menu {
        backdrop-filter: none;
    }
}

/* Optimize badge animations */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

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

/* Critical CSS for above-the-fold content */
.header-container {
    contain: layout style;
    will-change: transform;
}

/* Optimize mobile menu performance */
.mobile-menu {
    contain: layout style paint;
    transform: translateX(-100%);
}

.mobile-menu.open {
    transform: translateX(0);
}

/* Remove expensive filters and effects */
.search-modal {
    background: rgba(0, 0, 0, 0.7);
}

/* Optimize dropdown performance */
.dropdown-menu {
    contain: layout style;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.group:hover .dropdown-menu {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}