html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* LIST */
.sexy-list {
  @apply list-none pl-0 my-5 first:mt-0 last:mb-0;

  ul {
    @apply !list-none !pl-0 my-5 first:mt-0 last:mb-0;
  }

  li {
    @apply relative pl-[1.75em] mb-1;

    &::before {
      @apply content-["—"] text-primary mr-1 absolute left-0;
    }
  }
}

/* SWIPER */
.swiper {
  @apply overflow-visible;
}

/* FOOTER */
.site__footer {
  a:not(.button) {
    @apply hover:underline;
  }

  nav {
    @apply my-5 first:mt-0 last:mb-0;

    ul {
      @apply flex flex-wrap gap-x-5 gap-y-2;

      li {
        a {
          @apply font-bold text-base;
        }
      }

      ul {
        @apply hidden;
      }
    }
  }
}

/* LIGHTBOX */
.sl-close {
  display: flex !important;

  @apply items-center justify-center;
}

/* ANIMATIONS  */

.submitting {
  &::after {
    content: '';
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    animation: spin 2s linear infinite;

    @apply border-4 border-primary/50 border-t-primary;
  }

  &.js-filters::after {
    left: 100%;
    top: 0;
  }
}

html:not(.no-js) .js-appear {
  visibility: hidden;
}

/* HIGHLIGHT */
.highlight,
.bloc--emp {
  background: var(--color-lightPrimary);
  @apply p-5 sm:p-8 rounded-tr-md rounded-bl-md;

  .bg-light & {
    background: var(--color-white);
  }

  .bg-primary &,
  .bg-light & {
    background: white;
  }
}