$filter-sort-underline-default: false !default;

/*
Vyber razeni v sekci pomoci radia - horizontalne

pro predefinovani checked vzhledu:
@mixin filter-sort-checked {
   font-weight: $font-weight-bold;
}
*/

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

   p {
      margin: 0 20px 0 0;
   }

   .filter-sort-title {
      cursor: pointer;
      color: $text-dark;
      @if $filter-sort-underline-default {
         text-decoration: underline;
      }
   }

   input {
      opacity: 0;
      position: absolute;
      z-index: -1;

      &:checked ~ .filter-sort-title,
      &:focus ~ .filter-sort-title,
      &:active ~ .filter-sort-title {
         @if $filter-sort-underline-default {
            text-decoration: none;
         } @else {
            text-decoration: underline;
         }
      }

      &:checked ~ .filter-sort-title {
         @if mixin-exists(filter-sort-checked) {
            @include filter-sort-checked;
         } @else {
            color: $brand-ctr;
         }
      }
   }

   label {
      margin: .25rem 20px .25rem 0;

      &:last-child {
         margin-right: 0;
      }

      &:hover .filter-sort-title {
         @if $filter-sort-underline-default {
            text-decoration: none;
         } @else {
            text-decoration: underline;
         }
      }
   }

   @media screen and (max-width: $lg - 1) {
      flex-wrap: wrap;
      justify-content: flex-start;

      p {
         width: 100%;
      }
   }
}

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

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