/* Header spacing fixes: the menu pill used to touch the logo once the menu grew to eight items.
   Everything on the site is sized in vw-based em units, so the crowding was identical on every
   desktop width; the menu is made slightly tighter and a real gap is reserved next to the logo. */

@media (min-width: 641px) {
    header .header_sides { gap: 2.5em; }
    header .menu { font-size: .96em; }
    header .menu li a { padding-left: 1.05em; padding-right: 1.05em; white-space: nowrap; }
    header .language { padding-left: 1.5em; padding-right: 1.5em; }
}

/* Tablets and small laptops: eight items cannot fit beside the logo without wrapping,
   so the burger menu takes over the way it already does on phones. */
@media (min-width: 641px) and (max-width: 1199px) {
    header .menu nav { display: none; }
    header .burger { display: flex; }
    .burger_wrap { display: flex; }
}