/* Collapsed header: the page links and sign-in move into the menu button's panel.
   Linked with media="(max-width:1240px)" on every page. In ES, HT and TL the duplicate "Jobs near me"
   button is hidden on desktop (site.css) so the longer labels fit on one row. */
.nav{flex-wrap:wrap;row-gap:0}
.menu-btn{display:inline-flex}
.nav-act .b3{display:none}
.nav nav{display:none;order:3;flex-basis:100%;flex-direction:column;gap:2px;padding:8px 0 14px;margin-top:8px;border-top:1px solid var(--line)}
header.open .nav nav{display:flex}
.nav nav a{padding:12px 14px;font-size:16px}
.nav nav .m-only{display:flex}
.nav nav .lang.m-only{display:none;margin:6px 0 0;gap:4px}
.nav nav .lang a,.nav nav .lang b{padding:8px 14px;font-size:14px}
/* Phones and small tablets: the language switch moves from the bar into the panel too. */
@media (max-width:900px){.nav-act .lang{display:none}.nav nav .lang.m-only{display:flex}}