/* Weather chip: one in the bar (wide), one at the top of the opened menu (hamburger). */
[data-weather][hidden] { display: none !important; }
.weather {
  flex: none;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 6px;
  color: var(--bone);
  font: 700 14px/1 var(--font-sans);
  letter-spacing: .04em;
  white-space: nowrap;
  cursor: default;
}
.weather--menu { display: none; }

@media (max-width: 899.98px) {
  .weather--bar { display: none; }
  .weather--menu { display: flex; justify-content: center; padding: 8px 0 0; font-size: 16px; }
}
@media (min-width: 900px) and (max-width: 1079.98px) {
  :root:lang(sw) .weather--bar { display: none; }
  :root:lang(sw) .weather--menu { display: flex; justify-content: center; padding: 8px 0 0; font-size: 16px; }
}