/**
 * Correctif en-tête desktop (≥ 1440 px) : le menu principal (8 entrées en FR)
 * débordait sur le logo, et le bouton « Espace vétérinaire » ajoute de la largeur.
 * Espacements du menu resserrés par palier.
 *
 * Feuille CSS simple (hors build Vite), chargée après le CSS principal du thème.
 */
@media (min-width: 1440px) and (max-width: 1679px) {
    #header .main-header .header-menu {
        gap: 1rem;
        font-size: 1rem;
    }

    #header .main-header .header-mobile .lg\:ml-6 {
        margin-left: 1rem;
    }
}

@media (min-width: 1680px) and (max-width: 1919px) {
    #header .main-header .header-menu {
        gap: 1.5rem;
        font-size: 1.0625rem;
    }
}

@media (min-width: 1920px) {
    #header .main-header .header-menu {
        gap: 2rem;
    }
}

/* Petits mobiles : 3 icônes (vétérinaire, profil, panier) à côté du logo centré. */
@media (max-width: 389px) {
    #header .burger-container > div:first-child {
        gap: .3rem;
    }

    #header .burger-container > div:first-child > a {
        padding: .6rem;
    }
}

@media (max-width: 359px) {
    #header .burger-container > a img {
        width: 7rem;
    }
}