/* Shared site header: same nav, language picker and mobile rules as the home page. */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.language-picker {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 253, 248, 0.76);
  color: rgba(29, 33, 29, 0.76);
  font-size: 0.9rem;
  font-weight: 700;
}

.language-picker select {
  min-width: 104px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  outline: none;
}

.nav-links a.is-current {
  color: var(--green);
}

@media (max-width: 760px) {
  .nav-actions {
    gap: 10px;
  }

  .nav-links a:not(.nav-legal) {
    display: none;
  }

  .language-picker {
    height: 36px;
    padding: 0 8px;
  }

  .language-picker select {
    min-width: 82px;
    max-width: 108px;
  }
}

@media (max-width: 560px) {
  .nav {
    gap: 10px;
  }

  .brand span,
  .nav-links a {
    white-space: nowrap;
  }

  .nav-links {
    gap: 12px;
  }

  .language-picker select {
    min-width: 0;
    max-width: 96px;
  }
}