.dropdown {
  &--sort {
    margin-right: 3rem;
  }

  &--mobile {
    display: none;

    @include media-breakpoint-down(md) {
      display: block;
    }
  }

  &--info {
    .dropdown__toggle {
      color: $white;

      &::after {
        background-image: url("/shop/images/arrow-down-white.svg");
      }

      &:focus {
        color: $white;
      }
    }

    .dropdown-menu {
      margin-top: 5px;
    }
  }

  &--lang-mobile {
    display: none;

    @include media-breakpoint-down(md) {
      display: block;
      margin-left: auto;
    }
  }

  &--lang {
    .dropdown-toggle {
      color: #606060;

      &:hover {
        color: $blue;
      }
    }
  }
}

.dropdown__toggle {
  display: flex;
  align-items: center;

  background: transparent;
  border: none;
  cursor: pointer;

  font-size: 1.6rem;
  line-height: 1.2;
  text-align: right;
  color: #606060;

  &:focus {
    outline: none;
    color: $dark;
  }

  &::after {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.5rem;

    background: url("/shop/images/dropdown-toggle-arrow.svg") center no-repeat;
    border: none;
  }

  &.show {
    &::after {
      transform: rotate(180deg);
    }
  }

  &--filter {
    margin-right: auto;
    padding-left: 0;
    display: none;

    @include media-breakpoint-down(md) {
      display: flex;
    }
  }
}