.post-grid {
  &__toolbar {
    @apply flex flex-col md:grid  md:grid-cols-2 gap-4 md:items-center justify-between pb-12;

    h2.post-count {
      @apply flex items-end gap-2;

      &__count {
        @apply font-normal uppercase fjalla;
        line-height: 0.8;
      }

      &__text {
        @apply text-xl nunito;
      }
    }

    .search-bar {
      @apply md:justify-self-end text-primary;
      input {
        @apply w-full md:w-auto py-2 px-4 border border-primary rounded-full;
        &::placeholder {
          @apply text-base font-normal text-carhop-green-700;
        }
      }
    }
  }
  &__toolbar-actions {
    @apply col-span-2 flex flex-wrap items-center gap-4;

    select {
      @apply w-full md:w-auto border border-carhop-green-700 text-carhop-green-700 rounded-full py-2 px-4 max-w-full text-base;
    }

    select[name='etiquettes'] {
      /* @apply bg-blue-300; */
    }

    select[name='auteurs'] {
      /* @apply bg-red-300; */
    }

    select[name='sort_by'] {
      @apply md:ml-auto;
    }
  }

  &__list {
    @apply grid grid-cols-1 lg:grid-cols-2  gap-8;
  }
}