@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

body {
  @apply font-sans;
}

.wp-block {
  @apply max-w-screen-xl;
}

.wp-block[data-align='wide'] {
  @apply max-w-screen-xl;
}

.wp-block[data-align='full'] {
  @apply max-w-full;
}
.wp-block.alignfull {
  @apply max-w-full;
}

.acf-block-component {
  /* @apply bg-red-500; */
}
.acf-block-fields {
  @apply max-w-screen-md mx-auto;
}

.wp-block-carhop-blocks-cta {
  &.is-selected::after {
    @apply !static;
  }
}

.deligraph-blocks-chapter-section {
  @apply !px-0;
  svg {
    @apply pointer-events-none;
  }
}
/* block-editor-block-list__block wp-block has-child-selected carhop-heading carhop-heading--hierarchy-classic wp-block-carhop-blocks-heading */
.block-editor-block-list__block.wp-block-carhop-blocks-heading {
  @apply mx-auto;
}

.wp-block-file {
  .wp-block-file__content-wrapper {
    @apply flex gap-2 items-center;
  }
  [data-wp-block-attribute-key='fileName'] {
    @apply underline-offset-8;
  }
  [data-wp-block-attribute-key='downloadButtonText'] {
    @apply relative w-10 h-10 bg-transparent inline-flex items-center gap-12;
    color: transparent !important;
    font-size: 0; /* Réduit l'espace occupé */
    text-indent: -9999px;
    transition: all 0.3s ease;

    &:after {
      @apply w-10 h-10 bg-transparent absolute top-0 left-0;
      background-image: url('../resources/img/icons/button-arrow-down-small.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      content: ' ';
      display: block;
      transform: translateY(0);
    }
  }
  /* @apply text-primary font-semibold !text-lg flex gap-2 items-center;
  transition: all 0.3s ease;

  a:not([download]) {
    &:hover {
      @apply underline underline-offset-8;
    }
  } */
}

.wp-block-carhop-blocks-document-card:focus:after {
  @apply !static;
}