/*
 * Menu principal avec l'entrée « Emploi du temps » (6 entrées au lieu de 5), chargé sur toutes les pages.
 * Entre 769 px (bascule vers le menu mobile) et 1280 px, les libellés passaient sur deux lignes et, vers 800 px,
 * le sélecteur de langue sortait de l'écran. Libellés sur une ligne, espacements et logo réduits par paliers.
 * Vérifié en FR et AR à 769, 841, 921, 1101 et 1281 px : une seule ligne, aucun chevauchement.
 */
@media (min-width: 769px) and (max-width: 1280px) {
    .nav-links a:not(.mega-menu-link) { white-space: nowrap; }
    .nav-links { gap: 1.25rem; }
    .header-left { gap: 1.5rem; }
}

@media (min-width: 769px) and (max-width: 1100px) {
    .nav-links { gap: 0.8rem; }
    .nav-links a:not(.mega-menu-link) { font-size: 0.88rem; }
    .header-left { gap: 1rem; }
    .logo img { height: 56px; width: auto; }
}

@media (min-width: 769px) and (max-width: 920px) {
    .nav-links { gap: 0.6rem; }
    .nav-links a:not(.mega-menu-link) { font-size: 0.8rem; }
    .header-left { gap: 0.75rem; }
    .logo img { height: 50px; }
    .language-selector { gap: 4px; }
}

@media (min-width: 769px) and (max-width: 840px) {
    .nav-links { gap: 0.45rem; }
    .nav-links a:not(.mega-menu-link) { font-size: 0.75rem; }
    .header-left { gap: 0.5rem; }
    .logo img { height: 44px; }
}