.elementor-context-menu {
	position: absolute;
	width: 250px;
	padding: 5px 0px;
	background-color: var(--e-a-bg-default);
	border-radius: var(--e-a-border-radius);
	box-shadow: var(--e-a-popover-shadow);
	user-select: none;
	// To make sure the navigator item context menu is above the navigator, which has a z-index of 100
	z-index: 101;

	&-list {
		display: flex;
		flex-direction: column;

		&__group {
			display: flex;
			flex-direction: column;

			&:not(:last-child) {
				border-block-end: var(--e-a-border);
			}
		}

		&__item {
			padding: 12px 20px;
			display: flex;
			gap: 16px;
			cursor: pointer;
			transition: var(--e-a-transition-hover);
			align-items: center;

			&--disabled {
				cursor: default;
				opacity: .5;
				color: var(--e-a-color-disabled);
			}

			&:not(.elementor-context-menu-list__item--disabled) {

				&:hover,
				&:focus {
					background-color: var(--e-a-bg-hover);
					color: var(--e-a-color-hover);
				}
			}

			&__icon {
				display: none;
				width: 20px;
			}

			&__title {
				flex-grow: 1;
				@include ellipsis;
			}

			&__shortcut {
				color: var(--e-a-color-txt-muted);

				&--link-fullwidth {
					position: absolute;
					inset: 0;
					z-index: $second-layer;
					cursor: pointer;
				}

				&__new-badge {
					border: 1px solid var(--e-a-color-primary-bold);
					padding: 2px 8px;
					color: var(--e-a-color-primary-bold);
					border-radius: 10px;
					font-size: 10px;
				}
			}

			&__title,
			&__shortcut {
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 1;
				position: relative;
			}

			&.elementor-context-menu-list__item-delete {

				&:not(.elementor-context-menu-list__item--disabled) {

					&:hover,
					&:focus {

						> * {
							color: var(--e-global-color-danger);
						}
					}
				}
			}

			&.elementor-hidden {
				display: none;
			}
		}
	}

	.eicon-pro-icon {
		color: var(--e-global-color-accent);
	}
}
