//
// Menu Panel
//

#elementor-panel-page-menu {
	padding: 25px 15px;
}

.elementor-panel-menu {

	&-group {

		&-title {
			text-transform: uppercase;
			font-size: 11px;
		}
	}

	&-items {
		border: var(--e-a-border);
		margin: 15px 0 25px;
		border-radius: 5px;
		overflow: hidden;
	}

	&-item {
		display: flex;
		align-items: center;
		width: 100%;
		height: 40px;
		transition: var(--e-a-transition-hover);
		border: 0;
		background-color: transparent;
		cursor: pointer;

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

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

		&:active {
			background-color: var(--e-a-bg-active);
			color: var(--e-a-color-txt-accent);
		}

		&-icon {
			text-align: center;
			width: 30px;
		  	flex-shrink: 0;
		  	padding: 10px 0;
			margin: 0 10px;
			font-size: 19px;
		}

		&-title {
			display: flex;
			flex-grow: 1;
			font-weight: 500;
			justify-content: space-between;

			&-badge {
				margin: 0 10px;
			  	background: var(--e-a-color-white);
			  	border-radius: var(--e-a-border-radius);
			}

			> span {
				color: var(--e-a-color-accent);
			}
		}

		a {
		  	display: flex;
		  	align-items: center;
			color: inherit;
		  	width: 100%;
		  	height: 100%;
			padding-inline-start: 10px;
		  	padding: 10px 0;
		}
	}
}
