/* =============================================
   Gated Content
   ============================================= */

.ci-gated-teaser {
	position: relative;
	max-height: 200px;
	overflow: hidden;
}

.ci-gated-teaser::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
	background: linear-gradient(to bottom, transparent, var(--wp--preset--color--base));
	pointer-events: none;
}

/* Gate container (shared by gated + premium) */
.ci-gated-gate {
	margin-top: 2rem;
	padding: 2.5rem;
	background: var(--wp--preset--color--tertiary);
	border-radius: 8px;
	text-align: center;
}

.ci-gated-gate__inner {
	margin: 0 auto;
}

.ci-gated-gate h3 {
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	color: var(--wp--preset--color--main);
	margin: 0 0 0.5rem;
}

.ci-gated-gate p {
	color: var(--wp--preset--color--grey);
	margin: 0 0 1.5rem;
}

/* Gravity Forms Orbital theme overrides — remap Orbital's
   CSS custom properties to match the site's colour palette. */
.ci-gated-gate .gform_wrapper.gform-theme--orbital {
	--gf-color-primary: var(--wp--preset--color--secondary);
	--gf-color-primary-rgb: 8, 126, 139;
	--gf-color-primary-contrast: var(--wp--preset--color--base);
	--gf-color-primary-contrast-rgb: 255, 255, 255;
	--gf-color-primary-darker: var(--wp--preset--color--primary-accent);
	--gf-color-primary-lighter: #0a9ba8;
	--gf-color-in-ctrl-primary: var(--wp--preset--color--secondary);
	--gf-color-in-ctrl-primary-rgb: 8, 126, 139;
	--gf-color-in-ctrl-primary-contrast: var(--wp--preset--color--base);
	--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;
	--gf-color-in-ctrl-primary-darker: var(--wp--preset--color--primary-accent);
	--gf-color-in-ctrl-primary-lighter: #0a9ba8;
	--gf-ctrl-label-color-primary: var(--wp--preset--color--main);
	--gf-ctrl-label-color-secondary: var(--wp--preset--color--main);
	--gf-radius: 6px;
	text-align: left;
}

/* Button — direct override needed as Orbital applies styles via its own selectors */
.ci-gated-gate .gform_wrapper.gform-theme--orbital .gform_footer .gform_button {
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--base) !important;
	font-family: var(--wp--preset--font-family--primary);
	font-weight: 600;
	border: none !important;
	border-radius: 6px;
	padding: 0.8em 2em;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.ci-gated-gate .gform_wrapper.gform-theme--orbital .gform_footer .gform_button:hover {
	background-color: var(--wp--preset--color--primary-accent) !important;
}

/* Labels */
.ci-gated-gate .gform_wrapper .gfield_label,
.ci-gated-gate .gform_wrapper .gform-field-label {
	font-family: var(--wp--preset--font-family--primary);
	font-weight: 600;
	color: var(--wp--preset--color--main);
}

/* Required indicator */
.ci-gated-gate .gform_wrapper .gfield_required {
	color: var(--wp--preset--color--secondary);
}

/* Premium "Contact Us" button */
.ci-gated-gate__button {
	display: inline-block;
	padding: 0.8em 2em;
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base) !important;
	font-family: var(--wp--preset--font-family--primary);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--base);
	text-decoration: none;
	border-radius: 6px;
	transition: background-color 0.2s ease;
}

.ci-gated-gate__button:hover {
	background: var(--wp--preset--color--primary-accent);
	color: var(--wp--preset--color--base);
}