/* ==========================================================================
   Vera Gated Content — Front-end Styles
   ========================================================================== */

/* --- Locked state -------------------------------------------------------- */

.gated-locked {
	position: relative;
}

.gated-locked .gated-content-inner {
	filter: blur(8px);
	pointer-events: none;
	user-select: none;
	transition: filter 0.4s ease;
	max-height: 850px;
	overflow: hidden;
}

.gated-form-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 40px;
	z-index: 10;
}

.gated-overlay-card {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
	padding: 32px;
	width: 100%;
	max-width: 480px;
}

.gated-overlay-card .gform_wrapper {
	margin: 0;
}

.gated-overlay-card .gform_heading,
.gated-overlay-card .gform_validation_errors {
	display: none;
}

/* --- Unlocked state ------------------------------------------------------ */

.gated-unlocked .gated-content-inner {
	filter: none;
	pointer-events: auto;
	user-select: auto;
	max-height: none;
	overflow: visible;
}

.gated-unlocked .gated-form-overlay {
	display: none;
}

/* Body-level unlock for cached pages */
body.is-gated-unlocked .gated-locked .gated-content-inner {
	filter: none;
	pointer-events: auto;
	user-select: auto;
	max-height: none;
	overflow: visible;
}

body.is-gated-unlocked .gated-locked .gated-form-overlay {
	display: none;
}

body.is-gated-unlocked .vera-gated-teaser {
	display: none;
}

/* --- Teaser block -------------------------------------------------------- */

.vera-gated-teaser {
	margin-bottom: 32px;
}

/* --- Responsive ---------------------------------------------------------- */

@media (max-width: 600px) {
	.gated-overlay-card {
		margin: 0 16px;
		padding: 24px 20px;
	}
}