/**
 * DROPDOWN MENU
 *
*/
@layer components {
    /* DROPDOWN MENU STYLES */
    .rtds-dropdown-menu__list[style*="block"] {
        @apply rtds-z-10;
    }

    .rtds-dropdown-menu__list,
    .rtds-dropdown-menu__item {
        @apply rtds-border-gray-01;
    }

    .rtds-dropdown-menu__list:where(.is-open) {
        @apply lg:rtds-top-full;
    }

    .rtds-dropdown-menu__item {
        @apply rtds-border-b last-of-type:rtds-border-b-0;
    }

    .rtds-dropdown-menu__link {
        @apply rtds-p-3 rtds-bg-white hover:rtds-underline hover:rtds-background-02 focus:rtds-background-02;
    }

    /* DROPDOWN TRIGGER */
    .rtds-dropdown-menu__trigger[aria-expanded="true"] {
        @apply after:rtds-absolute after:rtds-block after:rtds-bg-transparent after:rtds-border-t-2 after:rtds-border-current after:rtds-h-[1px] after:rtds-w-full after:rtds-left-0 after:rtds-bottom-0;
    }

    /* ACTIONS VARIANT STYLES */
    .is-dropdown-menu--actions {
        @apply rtds-flex rtds-justify-end rtds-relative;
    }

    .is-dropdown-menu--actions .rtds-dropdown-menu__trigger {
        @apply rtds-rounded-full rtds-border rtds-border-gray-04 rtds-w-10 rtds-h-10 rtds-content-01 rtds-btn--inverted rtds-transition-all;
    }

    .is-dropdown-menu--actions .rtds-dropdown-menu__trigger[aria-expanded="true"] {
        @apply rtds-background-08 rtds-content-inverse;
    }

    .is-dropdown-menu--actions .rtds-dropdown-menu__list {
        @apply rtds-w-[25ch] rtds-absolute rtds-right-0 rtds-top-10 rtds-bg-white rtds-shadow-lg rtds-z-10 rtds-rounded rtds-border rtds-border-gray-01;
    }

    .is-dropdown-menu--actions .rtds-dropdown-menu__item {
        @apply rtds-flex rtds-border-none;
    }

    .is-dropdown-menu--actions .rtds-dropdown-menu__link {
        @apply rtds-flex rtds-justify-start rtds-gap-2 rtds-items-center rtds-p-3 rtds-btn--s rtds-w-full rtds-transition rtds-bg-white rtds-font-medium rtds-text-sm rtds-content-primary-dark hover:rtds-underline hover:rtds-background-02 focus:rtds-background-02;
    }

    /* MEGAMENU STYLES */
    .rtds-dropdown-menu__megamenu.is-open {
        @apply lg:rtds-background-02;
    }

    .has-megamenu .rtds-dropdown-menu__item {
        @apply rtds-border-dashed rtds-border-gray-03 last-of-type:rtds-border-b rtds-font-bold;
    }

    .has-megamenu .rtds-dropdown-menu__list {
        @apply rtds-bg-white lg:rtds-bg-transparent lg:rtds-grid lg:rtds-gap-x-8 xl:rtds-gap-x-10 lg:rtds-grid-cols-3 xl:rtds-grid-cols-4 lg:rtds-p-4;
    }

    .has-megamenu .rtds-dropdown-menu__link {
        @apply rtds-p-4 lg:rtds-bg-transparent rtds-content-02 rtds-text-base xl:rtds-text-lg;
    }

    .rtds-dropdown-menu__megamenu.is-hidden {
        @apply rtds-invisible rtds-absolute lg:rtds-hidden lg:rtds-static rtds-overflow-hidden;
    }

    /* MEGAMENU MOBILE */
    .rtds-dropdown-menu.has-megamenu {
        @apply rtds-z-20 rtds-bg-white lg:rtds-static lg:rtds-z-auto lg:rtds-top-auto lg:rtds-left-auto lg:rtds-right-auto lg:rtds-bottom-auto;
    }

    .rtds-dropdown-menu.has-megamenu.has-dropdown-open {
        @apply rtds-top-0 rtds-left-0 rtds-right-0 rtds-bottom-0 rtds-absolute rtds-z-30 lg:rtds-static lg:rtds-top-auto lg:rtds-left-auto lg:rtds-right-auto lg:rtds-bottom-auto;
    }

    .rtds-dropdown-menu__megamenu .rtds-dropdown-menu__list {
        @apply rtds-invisible rtds-transition-all rtds-opacity-0 rtds-translate-x-full lg:rtds-translate-x-0 rtds-relative rtds-left-full rtds-right-0 rtds-w-0 rtds-h-0 lg:rtds-h-auto lg:rtds-w-full lg:rtds-left-auto lg:rtds-right-auto;
    }

    .rtds-dropdown-menu__megamenu.is-open .rtds-dropdown-menu__list {
        @apply rtds-visible rtds-opacity-100 rtds-translate-x-0 rtds-left-0 rtds-w-full;
    }
    
    /* MANAGING NAV PANEL DROPDOWN OPEN */
    :where(.rtds-primary-navigation.has-megamenu) .has-inner-dropdown-open {
        @apply rtds-absolute rtds-top-0 rtds-left-0 rtds-right-0 rtds-bottom-0 rtds-z-30 rtds-bg-white xl:rtds-bg-transparent xl:rtds-z-auto xl:rtds-top-auto xl:rtds-left-auto xl:rtds-right-auto xl:rtds-bottom-auto xl:rtds-static;
    }
}