/* Header Symmetry Fix - Centers navigation menu properly */

/* Main layout for desktop */
@media (min-width: 769px) {
    .nav-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
        position: relative;
    }
    
    /* Logo stays on the left */
    .logo {
        flex: 0 0 auto;
        z-index: 1;
    }
    
    /* Center the main navigation items */
    .nav-links {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 2rem;
        margin: 0;
        padding: 0;
        align-items: center;
    }
    
    /* Language switcher spacing */
    .nav-links .language-switcher {
        margin-left: 2.5rem;
        position: relative;
    }
    
    /* Ensure nav links don't wrap */
    .nav-links li:not(.language-switcher) {
        white-space: nowrap;
    }
    
    /* Adjust spacing for German text */
    html[lang="de"] .nav-links {
        gap: 1.75rem;
    }
    
    /* Adjust spacing for French text */
    html[lang="fr"] .nav-links {
        gap: 1.85rem;
    }
}

/* Ensure hamburger menu is properly positioned */
.hamburger {
    position: relative;
    z-index: 1;
}

/* Mobile styles - restore default behavior */
@media (max-width: 768px) {
    .nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .nav-links {
        position: static;
        transform: none;
    }
    
    .nav-links .language-switcher {
        margin-left: 20px;
    }
}