.header__dropdown--language {
  @include rem('width', 230px);
}

.nav-header__dropdown--language {
  @include rem('width', 300px);
}

.nav-header__item--language {
  display: none;

  @include media-query-xsmall {
    @include rem('width', 55px);
    display: inline-block;

    .nav-header__link.flags {
      &::before {
        @include rem('margin-top', -2px);
        @include rem('top', 18px);
        background-repeat: no-repeat;
        left: 50%;
      }
    }

    .flags::before {
      @include rem('margin-left', -8px);
      @include rem('margin-top', -7px);
      left: 0;
    }

    .dropdown__panel-wrapper {
      top: -1px;
      right: 246px;
    }
  }

  @include media-query-medium {
    @include rem('width', 71px);

    .flags::before {
      @include rem('margin-top', -7px);
      @include rem('margin-left', -6px);
    }

    .nav-header__link > .flags {
      @include rem('left', 6px);
      display: block;
      top: 0;

      &::before {
        @include rem('margin-top', -2px);
        @include rem('margin-left', -6px);
      }
    }

    .dropdown__panel-wrapper {
      right: 0;
      top: -1px;
    }
  }
}

.nav-header__sub-list--language {
  @include rem(font-size, 12px);
  padding: 0;
  list-style: none;
  float: left;
  text-align: left;
  column-count: 2;
  columns: 2;
  width: 100%;

  a {
    @include rem(padding, 10px 0);
    display: inline-block;
    position: relative;
  }

  .flags {
    @include rem(padding-left, 24px);
    position: static;

    &::after {
      @include rem(margin-top, -7px);
      left: 0;
      margin-left: 0;
    }
  }
}