/* Optimisation du header pour les écrans PC */
@media (min-width: 1024px) {
    header {
        padding: 5px 0 !important;
        position: relative !important;
    }
    
    header .container {
        padding: 5px 20px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .logo h1 {
        font-size: 1.3rem !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        display: flex;
        align-items: center;
    }
    
    .logo h1 i {
        margin-right: 8px;
        font-size: 1.2rem;
    }
    
    .logo .tagline {
        font-size: 0.65rem !important;
        margin-top: 2px !important;
        margin-bottom: 0 !important;
        line-height: 1 !important;
    }
    
    nav ul {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    nav ul li {
        margin-left: 20px !important;
        display: flex;
        align-items: center;
    }
    
    nav ul li a {
        font-size: 0.9rem !important;
        padding: 5px 8px !important;
        white-space: nowrap !important;
        display: inline-flex;
        align-items: center;
    }
    
    .btn-nav {
        background-color: #6a8d73 !important;
        color: white !important;
        padding: 6px 16px !important;
        border-radius: 4px !important;
        font-weight: 600 !important;
        transition: background-color 0.3s ease !important;
    }
    
    .btn-nav:hover {
        background-color: #4a6d53 !important;
    }
}