/* ========================================
   OPTIMISATION NAVIGATION - UNE SEULE LIGNE
   ======================================== */

/* 
   Objectif: Faire tenir tous les items du menu sur une ligne
   sur les résolutions moyennes/grandes (1024px+)
*/

/* Navigation principale - espacement réduit pour résolutions moyennes */
@media (min-width: 992px) and (max-width: 1399px) {
    /* Réduire l'espacement entre les items du menu */
    .navbar-nav.mr-auto .nav-item {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    
    .navbar-nav.mr-auto .nav-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.875rem;
        white-space: nowrap;
    }
    
    /* Réduire la taille du dropdown Account */
    .dw-actions .nav-link.dropdown-toggle {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.85rem;
    }
    
    /* Réduire l'espacement du sélecteur de langue */
    .dw-actions .nav-item.mr-3 {
        margin-right: 0.5rem !important;
    }
}

/* Sur grandes résolutions (1400px+) - espacement normal mais optimisé */
@media (min-width: 1400px) {
    .navbar-nav.mr-auto .nav-item {
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }
    
    .navbar-nav.mr-auto .nav-link {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        font-size: 0.95rem;
        white-space: nowrap;
    }
}

/* Sur très grandes résolutions (1600px+) - espacement confortable */
@media (min-width: 1600px) {
    .navbar-nav.mr-auto .nav-item {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    
    .navbar-nav.mr-auto .nav-link {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        font-size: 1rem;
    }
}

/* Container de la navbar - optimiser la largeur */
@media (min-width: 992px) {
    .dw-nav .container {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1400px) {
    .dw-nav .container {
        max-width: 1400px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Assurer que les actions (droite) ne prennent pas trop de place */
@media (min-width: 992px) and (max-width: 1399px) {
    .dw-actions.ml-auto {
        margin-left: 0.5rem !important;
    }
}

/* Fix pour éviter le wrap des items et forcer une seule ligne sur desktop */
@media (min-width: 992px) {
    .navbar-collapse {
        flex-wrap: nowrap !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .navbar-nav {
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row;
        margin-right: auto !important;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .navbar-nav::-webkit-scrollbar {
        display: none;
    }
    .nav-item {
        flex-shrink: 0;
    }
    .dw-actions {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        margin-left: auto !important;
        flex-shrink: 0;
    }
}

/* Réduire la hauteur de la navbar si nécessaire */
@media (min-width: 768px) and (max-width: 1199px) {
    .dw-nav {
        padding: 0.35rem 0;
    }
    .navbar-nav .nav-link {
        font-size: 0.78rem;
        padding-left: 0.35rem !important;
        padding-right: 0.35rem !important;
    }
    .dw-actions .nav-link, .dw-actions .dropdown-toggle {
        font-size: 0.78rem;
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
    }
}

/* Optimisation du logo sur résolutions moyennes */
@media (min-width: 992px) and (max-width: 1199px) {
    .dw-logo {
        width: 35px;
        height: 35px;
    }
    
    .navbar-brand {
        font-size: 1.1rem;
        gap: 0.5rem;
    }
}

/* Sur tablettes en mode paysage (landscape) */
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
    /* On pourrait aussi optimiser pour tablette landscape si besoin */
    .navbar-nav.mr-auto .nav-link {
        font-size: 0.85rem;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* Fix spécifique pour éviter les sauts de ligne */
@media (min-width: 992px) {
    /* Forcer une seule ligne */
    .navbar-collapse {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    
    .navbar-nav.mr-auto {
        display: flex;
        flex-direction: row;
        margin-right: auto !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
    }
    
    .navbar-nav.mr-auto::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
    
    .dw-actions {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        margin-left: auto !important;
        flex-shrink: 0;
    }
}

/* Optimisation responsive fine */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Très compact pour 992-1199px */
    .navbar-nav.mr-auto .nav-link {
        font-size: 0.8rem;
        padding-left: 0.4rem !important;
        padding-right: 0.4rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    /* Compact pour 1200-1399px */
    .navbar-nav.mr-auto .nav-link {
        font-size: 0.85rem;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    /* Normal pour 1400-1599px */
    .navbar-nav.mr-auto .nav-link {
        font-size: 0.9rem;
        padding-left: 0.65rem !important;
        padding-right: 0.65rem !important;
    }
}

/* Hover states optimisés */
@media (min-width: 992px) {
    .navbar-nav.mr-auto .nav-link:hover,
    .navbar-nav.mr-auto .nav-link:focus {
        background-color: rgba(0, 123, 255, 0.05);
        border-radius: 6px;
        transition: all 0.2s ease;
    }
}