/**
 * DROPDOWN MENU
 */
@layer components {
  /* TODO: MOVE STYLE TO TAILWIND CLASS? */
  .n7-dropdown-menu__list[style*="block"] {
    @apply z-10;
  }
}

@layer components {
  .n7-dropdown-trigger[aria-expanded="true"] .n7-dropdown-menu__trigger-icon {
    @apply -rotate-180;
  }
  
  .n7-megamenu-trigger[aria-expanded="true"] [data-dropdown-icon] {
    @apply rotate-90;
  }
  
  .n7-dropdown-menu__list {
    transition: opacity 0.2s ease-in-out;
  }
  
  .n7-megamenu-submenu {
    transition: opacity 0.2s ease-in-out;
  }

  /* ==========================================================================
     POSIZIONAMENTO INTELLIGENTE
     ========================================================================== */
  
  /* Allineamento orizzontale */
  .align-right {
    @apply right-0 left-auto;
  }
  
  .align-left {
    @apply left-0 right-auto;
  }
  
  /* Forzatura quando non c'è spazio */
  .force-right {
    right: 0 !important;
    left: auto !important;
  }
  
  /* Posizionamento verticale per sottomenu */
  .open-upward {
    @apply bottom-full top-auto;
  }
  
  .open-downward {
    @apply top-full bottom-auto;
  }
}