.search-page {
  &__heading {
    padding: $spacing-xl 0;

    &-title {
      padding-bottom: $spacing-xl;  
    }

    &-total {
      padding-top: $spacing-md; 
      @extend %text-lg;
    }

    &-filter {
      display: flex;
      flex-wrap: wrap;
      margin-top: $spacing-xl;
      gap: $spacing-sm;

      &-btn {
        border: 1px solid $color-black;
        @include btn-base;
        @include btn-size-tab;
        @include btn-hover(var(--var-color));

        font-size: 16px;

        &.select {
          border-color: transparent;
          background-color: var(--var-color);
          pointer-events: none;
        }
      }
    }

    .searchbox {
      &-search {
        display: flex;
        width: 100%;
        
        &-input {
          width: 100%;
          height: 64px;
          padding: 0 $spacing-md;
          border: 1px solid $color-black;
          border-right: 0;
          border-top-left-radius: 2px;
          border-bottom-left-radius: 2px;
          @extend %text-lg;
        }

        &-btn {
          @include btn-primary;
          @include icon('@/Images/icons/search.svg', 24px);

          width: 64px;
          height: 64px;
          padding: 12px;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
        }
      }
    }
  }

  &__results {
    padding: $spacing-xl 0;

    &-list {
      display: grid; 
      border-top: 1px solid $color-black20;

      .result-item {
        display: grid;
        padding: $spacing-md;
        row-gap: $spacing-xs;
        border-bottom: 1px solid $color-black20;

        &-title {
          a {
            @include link-decoration;
          }
        }

        &-row {
          display: flex;
          gap: $spacing-xsm;
          align-items: center;
        }

        &-description {
          .tx-indexedsearch-redMarkup {
            background-color: $color-black10;
          }
        }

        &-cat {
          padding: 3px 8px;
          font-size: 12px;
          font-weight: $font-weight-bold;
          border-radius: 2px;
        }

        &-date {
          color: $color-black60;
        }

        &-links {
          display: grid;
          margin-top: $spacing-sm;
          gap: $spacing-xs;
        }

        &-link {
          @include btn-link;
          @include link-decoration;

          &.btn-link-pdf {
            @include icon-left('@/Images/icons/download.svg', 16px);
          }

          &::before {
            flex: 0 0 auto;
          }
        }
        
        @media (pointer: fine) {
          .btn-link-page {
            display: none;
          }
        }
      }
    }
  }

  &__pagination {
    display: flex;
    justify-content: center;
  }

  &__no-results {
    &-suggestion {
      &-link {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-decoration-color: $color-accent--hover;
        text-underline-offset: 0.2rem;
      }
    }
  }
}

.frame-type-indexedsearch_pi2 {
  header {
    display: none;
  }
}