/**
 * PRIMARY NAVIGATION
 *
*/
@layer components {
    .n7-primary-navigation__panel {
        @apply translate-x-full lg:transform-none;
    }
        
    .n7-primary-navigation__panel.is-open {
        @apply bg-white translate-x-0 visible flex z-20 left-[12%];
    }

    body.overflow-hidden .n7-primary-navigation__backdrop,
    :root.overflow-hidden .n7-primary-navigation__backdrop {
        @apply fixed right-0 bottom-0 left-0 lg:hidden z-10;
    }


    .n7-primary-navigation__link.is-current {
        @apply n7-content-02 relative after:absolute after:block after:n7-background-secondary after:h-0.5 after:w-full after:left-0 after:bottom-0;
    }

    /* MOBILE MENU */
    .n7-primary-navigation__module {
        @apply p-2 lg:p-0 grid items-start lg:block lg:flex-1 border-b n7-border-gray-01 last:border-b-0;
    }
}