:host {
  display: contents;
}

/* Convenience classes consumers can use on projected buttons */
:host ::ng-deep .context-menu-item {
  @apply w-full text-left px-3 py-1.5 text-sm hover:bg-secondary transition-colors text-foreground;
}

:host ::ng-deep .context-menu-item-danger {
  @apply w-full text-left px-3 py-1.5 text-sm hover:bg-secondary transition-colors text-destructive;
}

:host ::ng-deep .context-menu-item-icon {
  @apply w-full text-left px-3 py-2 text-sm hover:bg-secondary transition-colors text-foreground flex items-center gap-2;
}

:host ::ng-deep .context-menu-item-icon-danger {
  @apply w-full text-left px-3 py-2 text-sm hover:bg-destructive/10 transition-colors text-destructive flex items-center gap-2;
}

:host ::ng-deep .context-menu-divider {
  @apply border-t border-border my-1;
}

:host ::ng-deep .context-menu-empty {
  @apply px-3 py-1.5 text-sm text-muted-foreground;
}
