.post-grid {
  &__toolbar {
    @apply flex flex-col md:grid  md:grid-cols-2 gap-4 md:items-center justify-between pb-12;
    .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;
        padding-right: 33px;
        &::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;

      appearance: none; /* Disable the default arrow */
      -webkit-appearance: none; /* For WebKit-based browsers */
      -moz-appearance: none; /* For Firefox */
      /* width: 100%;
      padding: 10px 35px 10px 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 4px; */
      background-color: #fff;
      background-image: url('../resources/img/elements/select-drop-button.svg');

      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 30px;
      cursor: pointer;
    }

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

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

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

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