/**
 * Apeiron Kit - Widget License Lock Styles
 *
 * Clean, minimal locked widget card — matching screenshot reference exactly.
 * Font: Poppins (loaded via PHP wp_enqueue_style).
 * Colors: Signal Form palette only.
 *
 * @package ApeironKit
 * @since 1.0.0
 */

/* ============================================
   Widget Locked State - Editor (Elementor canvas)
   ============================================ */

.apeiron-widget-locked-frontend {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-width: 380px;
	margin: 0 auto;
	padding: 36px 28px 32px;
	background: #ffffff;
	border: none;
	border-radius: 12px;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif !important;
}

/* --- Lock Icon Container (circle outline) --- */
.apeiron-locked-frontend-icon {
	width: 58px;
	height: 58px;
	margin: 0 auto 12px;
	background: transparent;
	border: 2px solid #374151;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	animation: apeironLockFloat 2.5s ease-in-out infinite;
}

.apeiron-locked-frontend-icon svg {
	color: #374151;
	width: 26px;
	height: 26px;
	display: block;
}

/* --- Floating Animation --- */
@keyframes apeironLockFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-6px);
	}
}

/* --- Title: 20px / weight 500 --- */
.apeiron-widget-locked-frontend h3 {
	margin: 0 0 2px;
	padding: 0;
	color: #1f2937;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	font-family: inherit;
	text-shadow: none;
}

/* --- Description: 12px / weight 400 --- */
.apeiron-widget-locked-frontend p {
	margin: 0;
	padding: 0;
	color: #6b7280;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	font-family: inherit;
	text-shadow: none;
}

/* --- Activate Button: 12px / weight 400 / padding 12 17 --- */
.apeiron-locked-activate-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 6px;
	padding: 12px 17px;
	background: #083c57;
	background-image: none;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none !important;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	transition: opacity 0.2s ease;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	line-height: 1.4;
	font-family: 'Poppins', sans-serif !important;
	outline: none;
}

.apeiron-locked-activate-btn:hover {
	opacity: 0.85;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	transform: none;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #083c57;
}

.apeiron-locked-activate-btn:focus,
.apeiron-locked-activate-btn:active {
	outline: none;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.apeiron-locked-activate-btn svg {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	display: block;
}

/* Hidden on frontend when not in editor */
.apeiron-widget-locked-frontend--hidden {
	display: none;
}