/* Keep the mobile menu independent of the account button width. */
@media(max-width:1100px){.header.header nav>a[data-municipalities],.header.header nav>a[data-ideas]{display:block}}
@media(max-width:960px){
 .header.header,.map-view .header.header{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 44px;height:112px;padding:8px 12px;gap:8px;align-items:center}
 .header.header>.brand{grid-column:1;grid-row:1;justify-self:start;width:max-content}
 .header.header nav{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
 .header.header nav>#account,.header.header nav>a.button.dark{position:absolute;right:12px;top:8px;display:inline-flex;align-items:center;margin:0;max-width:130px;min-height:44px;padding:10px 12px;font-size:12px}
 .header.header nav>a[data-municipalities],.header.header nav>a[data-ideas]{order:1;display:flex;align-items:center;min-height:44px;padding:10px 8px;font-size:13px;white-space:nowrap;background:#edf3e8;border-radius:12px}
 .header.header nav>a[data-about]{order:3;display:flex;align-items:center;min-height:44px;padding:10px 8px;font-size:12px}
 .header.header nav>#my-trips,.header.header nav>a[href="/mano-keliones/"]{order:2;display:flex;align-items:center;min-height:44px;padding:10px 8px;font-size:13px;white-space:nowrap}
 .header.header nav>a[data-home]{display:none}
 .map-view .workspace{height:calc(100dvh - 112px)}
}

/* Equal navigation targets, including the public pages that use a link for trips. */
.header.header nav>a[data-municipalities],.header.header nav>a[data-ideas],.header.header nav>a[data-about],.header.header nav>#my-trips,.header.header nav>a[href="/mano-keliones/"]{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;width:128px;padding:10px 12px;border:1px solid #dce5d8;border-radius:12px;line-height:1.25;font-size:13px;font-weight:600;background:transparent}
.header.header nav>a[aria-current="page"],.header.header nav>#my-trips[aria-current="page"]{background:#e8f1e5;border-color:#d6e3d1}
@media(max-width:960px){
 .header.header nav{justify-content:center;gap:8px;align-items:stretch}
 .header.header nav>a[data-municipalities],.header.header nav>a[data-ideas],.header.header nav>a[data-about],.header.header nav>#my-trips,.header.header nav>a[href="/mano-keliones/"]{flex:1 1 0;width:0;min-width:0;min-height:44px;height:44px;padding:6px 4px;font-size:12px;white-space:normal;text-wrap:balance}
}

@media(max-width:960px){.header.header nav>a[data-municipalities]{order:0}}