@use '@/vue/assets/scss/app/variables.scss' as *;
@use '@/vue/assets/scss/app/mixins.scss' as *;

.aioseo-elementor-panel {
	.aioseo-app {
		border-top: 2px solid #E8E8EB;
		font-family: $font-family;
	}
}

.elementor-tab-control-aioseo {
	span::before {
		@include icon;
		color: inherit;
		background-color: currentColor;
		height: 16px;
		width: 16px;
	}
}

.aioseo-element-menu-icon {
	display: inline-flex;

	&::before {
		@include icon;
		height: 20px;
		width: 20px;
	}
}

.aioseo-elementor-dark {
	.aioseo-elementor-panel {
		color: $gray3;
		input {
			color: $gray3;
			background-color: $white;
		}
	}

	.elementor-tab-control-aioseo {
		a::before {
			background-color: $white;
		}
	}

	.aioseo-element-menu-icon {
		&::before {
			background-color: $white;
		}
	}

	.modal-container {
		color: $gray3;

		.aioseo-close {
			color: $black;
		}
	}
}

.elementor-editor-active {
	.aioseo-app {
		input,
		textarea {
			color: $black !important;

			&::placeholder {
				color: $placeholder-color !important;
			}

			&:disabled {
				color: $placeholder-color !important;
			}
		}
	}
}

#elementor-panel-footer-sub-menu-item-aioseo-limit-modified-date {
	.eicon-calendar::before {
		content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjA2NjcgMTAuODMzNEw1LjgzMzMzIDkuMjA2NjlMNy40NiAxMC44MzM0TDguMTY2NjcgMTAuMTI2N0w2LjU0IDguNTAwMDJMOC4xNjY2NyA2Ljg3MzM1TDcuNDYgNi4xNjY2OUw1LjgzMzMzIDcuNzkzMzVMNC4yMDY2NyA2LjE2NjY5TDMuNSA2Ljg3MzM1TDUuMTI2NjcgOC41MDAwMkwzLjUgMTAuMTI2N0w0LjIwNjY3IDEwLjgzMzRaTTEwLjY2NjcgMS41MDAwMkgxMFYwLjE2NjY4N0g4LjY2NjY3VjEuNTAwMDJIMy4zMzMzM1YwLjE2NjY4N0gyVjEuNTAwMDJIMS4zMzMzM0MwLjU5MzMzMyAxLjUwMDAyIDAuMDA2NjY2NjYgMi4xMDAwMiAwLjAwNjY2NjY2IDIuODMzMzVMMCAxMi4xNjY3QzAgMTIuOSAwLjU5MzMzMyAxMy41IDEuMzMzMzMgMTMuNUgxMC42NjY3QzExLjQgMTMuNSAxMiAxMi45IDEyIDEyLjE2NjdWMi44MzMzNUMxMiAyLjEwMDAyIDExLjQgMS41MDAwMiAxMC42NjY3IDEuNTAwMDJaTTEwLjY2NjcgMTIuMTY2N0gxLjMzMzMzVjQuODMzMzVIMTAuNjY2N1YxMi4xNjY3WiIgZmlsbD0iI0E0QUZCNyIvPgo8L3N2Zz4K")
	}
}