/* Mobile release closeout: keep all header controls inside the masthead. */

@media (max-width: 960px) {
  body.tr-home-v3 > header.site > .wrap > nav.nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-areas: "brand languages menu" !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    height: auto !important;
    min-height: 66px !important;
    padding-block: 8px !important;
    align-items: center !important;
  }

  body.tr-home-v3 > header.site .home-unified-brand {
    grid-area: brand;
    min-width: 0;
  }

  body.tr-home-v3 > header.site .lang-switch,
  body.tr-home-v3 > header.site .tr-language-picker {
    position: static !important;
    grid-area: languages;
    align-self: center;
    justify-self: end;
    margin: 0 !important;
    transform: none !important;
  }

  body.tr-home-v3 > header.site .nav-toggle,
  body.tr-home-v3 > header.site .tr-nav-toggle {
    grid-area: menu;
    align-self: center;
    justify-self: end;
  }
}

