/**
 * Vektor Discount Modal — стили модального окна скидки.
 * @package Detect
 */

.vektor-discount-modal-overlay {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.vektor-discount-modal-overlay.vektor-discount-modal-overlay--visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.vektor-discount-modal-box {
	position: relative;
	z-index: 1;
	max-height: 90vh;
	overflow-y: auto;
}

.vektor-discount-modal-box.vektor-discount-modal-box--bounce-in {
	animation: vektor-discount-modal-bounce-in 0.4s ease-out;
}

@keyframes vektor-discount-modal-bounce-in {
	0% {
		transform: scale(0.5) translateY(20px);
		opacity: 0;
	}
	100% {
		transform: scale(1) translateY(0);
		opacity: 1;
	}
}

/* Иконка через CSS content — иначе WP заменяет emoji на img */
.vektor-discount-modal__icon-emoji::before {
	content: var(--discount-emoji, '\1f381');
}

.vektor-discount-modal__cta:hover {
	opacity: 0.95;
}

/* Editor Elementor */
body.elementor-editor-active .vektor-discount-modal-overlay {
	position: relative !important;
	min-height: 400px;
	margin: 40px auto;
	max-width: 90%;
	background: rgba(0, 0, 0, 0.03);
}

body.elementor-editor-active .vektor-discount-modal-overlay__backdrop {
	opacity: 0.5 !important;
	backdrop-filter: blur(3px) !important;
}