/* Handling background page scroll */
body:has(header .menu-renovateur .sub-menu--open) {
  @media screen and (max-width: 960px) {
    @apply overflow-hidden;
    /* FIXING BUG ON SAFARI */
    .menu-renovateur__mobile-menu-toggle,
    main {
      @apply hidden;
    }
  }
}

header#main-header {
  @apply flex 
  relative
	flex-col-reverse
	lg:flex-col;
}

.skiplinks {
  @apply bg-primary pl-8;

  &__link {
    transition: margin 0.25s ease-in-out;
    @apply text-white block w-fit  border-white rounded-md  px-4 overflow-hidden
		max-h-0
		focus:py-2
		focus:border
		focus:my-4
		focus:max-h-12;
  }
}
.sub-menu {
  @apply z-10;
}
