.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-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;
  }
}