.filter-sort {
   display: flex;
   align-items: center;

   label {
      margin: 0 10px 0 0;
   }

   select {
      background-color: transparent;
      border: 0;
      border-bottom: 1px solid transparent;
      color: $text-dark;
      font-weight: $font-weight-bold;
      width: auto;

      &:focus {
         border-bottom-color: $border-color;
      }
   }

   @media screen and (max-width: $sm - 1) {
      flex-wrap: wrap;

      label {
         width: 100%;
      }

      select {
         padding-left: 0;
      }
   }
}

.filter-sort-tooltip {
   .wpj-tooltip {
      display: none;
   }

   @include haf {
      .wpj-tooltip {
         display: block;
      }
   }
}
