.search-results-page {
  &__page-header {
    @apply bg-primary text-white py-16;

    &__title {
      @apply text-2xl font-normal uppercase;
    }

    .inner {
      @apply max-w-7xl mx-auto;
    }
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      @apply !text-white;
    }

    a {
      @apply text-white;
    }
  }

  &__results-container {
    @apply max-w-2xl mx-auto mt-16;
    @apply flex flex-col gap-8;
  }

  &__results-counter {
    @apply mb-4;
  }

  .search-results-card {
    @apply bg-white p-8 border border-primary;
    @apply transition-shadow hover:shadow-lg;

    &__title {
      line-height: 1.2;
    }

    .content-meta {
    }
    &__type {
      @apply inline-block mb-3 px-3 py-1 font-semibold;
      @apply text-primary;
    }

    h2 {
      @apply mb-4;

      a {
        @apply text-primary hover:underline;
      }
    }

    &__link {
      @apply inline-block mt-4 text-primary font-semibold;
      @apply hover:underline;
    }

    .search-highlight {
      @apply text-primary bg-carhop-green-50 font-bold;
    }
  }

  .search-results-pagination {
    @apply mt-12 mb-8;

    .pagination {
      @apply flex justify-center items-center gap-2;
    }

    .page-numbers {
      @apply px-4 py-2 border border-gray-300 rounded;
      @apply transition-colors;

      &:hover {
        @apply bg-primary text-white border-primary;
      }

      &.current {
        @apply bg-primary text-white border-primary;
      }
    }

    .prev,
    .next {
      @apply font-semibold;
    }
  }

  .no-results {
    @apply text-center text-gray-600 py-12;
  }
}