/* Keep account access visible without squeezing the logo or language picker. */
.header-account-links { display: flex; align-items: center; gap: 20px; }
.header-account-links .mobile-registration { display: none; }
.section.legal-footer { column-gap: 0; }
.section.legal-footer a::before { content: "\00a0|\00a0"; margin: 0; }

@media (max-width: 860px) {
  .site-header { height: auto; grid-template-rows: 68px auto; row-gap: 0; }
  .site-header > .brand { grid-column: 1; grid-row: 1; }
  .header-actions { display: contents; }
  .header-actions .language-switcher { grid-column: 2; grid-row: 1; }
  .header-actions > .button { display: none; }
  .header-account-links {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0 24px;
    min-width: 0;
    border-top: 1px solid rgba(255,255,255,.1);
  }
  .header-account-links .text-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    color: #dcece6;
    font-size: 14px;
    line-height: 1.5;
  }
  .header-account-links .mobile-registration { color: var(--green); }
  .site-nav { top: 100%; max-height: calc(100dvh - 113px); }
  .site-nav .mobile-nav-contact { display: block; color: var(--green); }
}