.gestion-artisans {
  @apply px-12;
  .filter-artisans {
    @apply flex gap-1 items-center pt-4;
    label {
      @apply mr-8;
    }
  }
  h2.page-title {
    @apply text-2xl font-medium text-neutral-600;
  }
}

.filters {
  @apply grid grid-cols-2 gap-0 items-end pt-4 mb-12;

  a {
    @apply !text-xl;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    @apply !bg-transparent;

    &.filter-active {
      @apply text-patrimoine-sante-securite  border border-b-4 border-patrimoine-sante-securite !cursor-not-allowed pointer-events-none;
      border-bottom: 6px solid theme('colors.patrimoine-sante-securite') !important;
    }
    &:not(.filter-active) {
      @apply text-neutral-500  text-neutral-500 opacity-50;
      border-bottom: 1px solid theme('colors.neutral.500') !important;
      transition: border-bottom 0.3s ease-in-out;
      &:hover {
        border-bottom: 6px solid theme('colors.neutral.500') !important;
      }
    }
  }
}

.group-artisans {
  @apply mb-24;
  &__title {
    @apply text-base font-medium  text-white px-4 py-2 rounded-t-xl;
  }
  &__post-count {
    @apply text-sm text-white;
  }
  &__no-results {
    @apply text-center text-sm text-neutral-500;
  }

  &__list {
    li.list-titles {
      border: none !important;
      @apply !items-end py-0 mb-0 text-neutral-400;
      p {
        @apply mt-0 mb-2;
      }
      > span {
        @apply text-center;
      }
    }
    li {
      /* @apply flex justify-between items-center  */
      @apply grid pl-4 py-2 gap-4;
      grid-template-columns: 2fr 1fr 2fr 1fr;
      border-left: 4px solid theme('colors.rose.300');

      &:nth-child(even) {
        @apply bg-stone-50;
      }
      a.post-link {
        @apply w-fit block text-base mr-auto;
      }
      .status-state {
        @apply mx-0 h-fit;
      }
    }
  }

  &--action-required {
    .group-artisans__title {
      @apply bg-rose-600;
    }
  }

  &--to-contact,
  &--to-actualize {
    .group-artisans__title {
      @apply bg-yellow-500;
    }
    .group-artisans__list__item {
      border-left: 4px solid theme('colors.yellow.400');
    }
  }
  &--to-contact,
  &--ongoing,
  &--waiting-feedback {
    .group-artisans__title {
      @apply bg-blue-500;
    }
    .group-artisans__list__item {
      border-left: 4px solid theme('colors.blue.400');
    }
  }
  &--ok {
    .group-artisans__title {
      @apply bg-green-700;
    }
    .group-artisans__list__item {
      border-left: 4px solid theme('colors.green.700');
    }
  }
}

&--ok {
  @apply text-green-700;
}
&--deleted {
  @apply text-rose-700;
}
&--to_actualize {
  @apply text-amber-700;
}
&--to_contact {
  @apply text-yellow-700;
}
&--waiting_feedback,
&--ongoing {
  @apply text-blue-600;
}
&--rejected {
  @apply text-rose-400;
}
.toplevel_page_gestion-artisans {
  #wpfooter {
    @apply hidden;
  }
}