homegrade_theme_production/resources/css/editor-content/gutenberg.css

article > *:not(.entry-content, .chapter-header-block),
.entry-content > * {
  @apply mx-auto max-w-content;
}
.entry-content {
  @apply mt-4 lg:mt-0;
  max-width: 800px;
}

.wp-block-table {
  .has-text-align-left {
    @apply text-left;
  }
  .has-text-align-center {
    @apply text-center;
  }
  .has-text-align-right {
    @apply text-right;
  }
  thead {
    @apply bg-gray rounded-xl border-b-0;
    th {
      @apply !border-none py-8;
    }
    th:first-child {
      @apply rounded-tl-xl rounded-bl-xl;
    }
    th:last-child {
      @apply rounded-tr-xl rounded-br-xl;
    }
  }
  tr {
    @apply mt-8 border-t border-neutral-200;
    td {
      @apply py-3 border-0;
    }
    &:first-child {
      @apply border-t-0;
    }
    &:last-child {
      @apply border-b-0;
    }
  }

  .homegrade-shortcode-icon {
    @apply mx-auto p-2 w-fit h-auto  rounded-full flex items-center justify-center relative grow-0;
    aspect-ratio: 1;
    img {
      @apply w-4 h-4;
    }
  }
  .homegrade-shortcode-icon--checked {
    @apply bg-green-600;
  }
  .homegrade-shortcode-icon--dashed,
  .homegrade-shortcode-icon--crossed {
    @apply bg-white border-2 border-neutral-800;
  }
  .homegrade-shortcode-icon--smiley {
    @apply p-0 !w-8 !h-8 object-contain object-center;
  }
}

:where(.wp-block-columns) {
  @apply gap-4 my-8;
}

.wp-block-column {
  :first-child {
    @apply mt-0;
  }
  .homegrade-blocks-highlight {
    @apply mt-0;
  }
}
.wp-block-columns:has(.wp-block-column > h2:first-child, .wp-block-column > h3:first-child) {
  @apply mt-10;
}

.wp-block-image {
  img {
    @apply rounded-3xl;
  }
  figcaption {
    @apply !mb-0;
  }
}

.wp-block-buttons {
  @apply flex;
}
.wp-block-button.is-style-outline {
  .wp-block-button__link {
    @apply cta cta--outline cta--button;
  }
}
.single-post-container--news,
.entry-content,
.page-content,
.homegrade-page-container {
  & > :first-child {
    @apply !mt-0;
  }
  h1 {
    @apply text-2xl;
  }

  h2 {
    @apply lg:text-xl mt-12 mb-8 font-bold;
  }

  h3 {
    @apply font-bold text-2xl mt-10 mb-4;
  }
  h4 {
    @apply font-bold text-xl mt-5 mb-3;
  }
  h5 {
    @apply font-bold text-lg mt-6 mb-3;
  }

  p {
    @apply my-3 p-0;
  }

  h2 + h3,
  h3 + h4,
  h4 + h5,
  h5 + h6 {
    @apply mt-0;
  }

  p,
  ul.wp-block-list,
  ol {
    a {
      @apply text-primary font-bold underline underline-offset-4;
      &:hover {
        @apply no-underline;
      }
    }
  }
  ul,
  ol {
    @apply mt-4 mb-5;
  }
  ol {
    @apply list-decimal list-inside;
  }
  ul li {
    padding: 0.15rem 0;
    @apply relative pl-5;
  }
  ul li:before {
    @apply absolute left-0;
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin-right: 14px;
    margin-top: 9px;
  }

  /* a:not(
      .cta--secondary,
      .wp-block-button__link,
      .cta,
      .homegrade-blocks-lien-chapitre__cta,
      .breadcrumbs_navigation a,
      .share-link,
      .previous-next-posts__link
    ) {
    @apply text-primary underline font-bold relative;
    @apply px-2 py-1;
    transition: all 0.2s ease-out;
    word-break: break-word;
    &:hover {
      @apply rounded-md;
      background: rgba(239, 239, 239);
    }
    &[rel='noreferrer noopener'] {
      &:after {
        @apply ml-2 inline-block;
        content: url('../resources/img/graphic-assets/icone-external-link-purple.svg');
        transform: translateY(1px);
      }
    }
  } */

  p + ol,
  p + ul {
    @apply mt-3;
  }
  .wp-block-button__link {
    @apply cta cta--secondary;
  }
}

.single-post-container,
.single-post-container--jobs,
.single-post-container--news {
  @apply overflow-x-hidden;
  h2 {
    @apply text-4xl;
  }
}

.wp-block-button__link {
  text-decoration: none !important;
  &:after {
    content: none !important;
  }
}
.homegrade-page-container {
  ul li:before {
    @apply bg-secondary;
  }

  .wp-block-button__link {
    @apply cta cta--secondary;
  }

  .homegrade-blocks-card {
    h2,
    h3,
    h4,
    h5,
    h6 {
      @apply text-secondary;
    }
  }
}
.post-conseil-page-container {
  h2:not(.post-card__title, .homegrade-blocks-plus-loin__block-title) {
    @apply font-bold !text-black text-3xl sm:text-3xl lg:!text-4xl leading-tight;
  }
  .wp-block-button__link {
    transition: all 0.6s ease-out;
    &:hover {
      /* filter: contrast(2) brightness(0.6); */
      filter: brightness(96%);
      transform: translateY(-2px);
    }
  }
}