.vds-header {
  text-align: center;
  position: relative;
  background-color: white;
  color: $primary;
  display: flex;
  align-items: center;
  @extend .d-print-none;

  border-bottom: 2px solid $secondary;
  @include media-breakpoint-up(md) {
    border-top: 0.65rem solid $primary;
  }

  .vds-container {
    --header-y-padding: 1.25rem;
    @include media-breakpoint-down(md) {
      --header-y-padding: 0.5rem;
    }
    padding: var(--header-y-padding) var(--layout-padding);
  }

  .vds-logo-link {
    display: inline-flex;
    text-decoration: none;

    svg {
      max-height: 40px;
      max-width: 100%;
      @include media-breakpoint-up(md) {
        max-height: 70px;
      }
    }
  }

  .vds-locale-picker {
    border: none;
    padding-left: 0.7em;
    color: $primary;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3e%3cpath fill='none' stroke='%231e3461' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  }
}