/* Resource layout: Floating Box (template-parts/resource-floating-layout.php) */

.resource-floating {
	position: relative;
	padding: 5rem 0;
	background-color: #0A214D;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.resource-floating__box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	grid-template-areas:
		"title form"
		"copy  form";
	max-width: 74rem;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 1.25rem;
	overflow: hidden;
	box-shadow: 0 1.25rem 3.75rem rgba(10, 33, 77, 0.25);
}

.resource-floating__box.no-form {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "title" "copy";
}

.resource-floating__title {
	grid-area: title;
	margin: 0;
	padding: 3.5rem 3.5rem 1.5rem;
	color: #0A214D;
	font-size: 2.5rem;
	line-height: 1.15;
}

/* Titles sometimes carry a <br><h2> subtitle */
.resource-floating__title h2 {
	margin-top: 0.75rem;
	font-size: 1.5rem;
	line-height: 1.3;
}

.resource-floating__copy {
	grid-area: copy;
	padding: 0 3.5rem 3.5rem;
	color: #0A214D;
	font-size: 1.25rem;
	line-height: 1.4;
}

.resource-floating__copy > *:last-child {
	margin-bottom: 0;
}

/* Reset the old/new gated form positioning, keep its navy + Marketo styling */
.resource-floating .resource-floating__form.banner-single__form {
	grid-area: form;
	position: relative !important;
	top: auto;
	right: auto;
	width: auto;
	max-width: none;
	margin: 0 !important;
	padding: 0;
	display: flex;
}

.resource-floating .resource-floating__form.banner-single__form::before {
	display: none;
}

.resource-floating .resource-floating__form .banner-form-inner {
	width: 100%;
	padding: 3.5rem;
}

.resource-floating .resource-floating__form .banner-form-inner h2 {
	margin-bottom: 2rem;
	text-transform: none;
}

/* Tablet: stack inside the floating box, keep the background */
@media (max-width: 991px) {
	.resource-floating {
		padding: 3rem 0;
	}

	.resource-floating__box {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto;
		grid-template-areas: "title" "form" "copy";
	}

	.resource-floating__title {
		padding: 2.5rem 2.5rem 1.5rem;
		font-size: 2rem;
	}

	.resource-floating__copy {
		padding: 2.5rem;
	}

	.resource-floating .resource-floating__form .banner-form-inner {
		padding: 2.5rem;
	}
}

/* Mobile: same as the current gated page — title, form, copy, no floating box */
@media (max-width: 767px) {
	.resource-floating {
		padding: 3rem 0;
		background: #ffffff !important;
	}

	.resource-floating__box {
		border-radius: 0;
		box-shadow: none;
		overflow: visible;
		background: transparent;
	}

	.resource-floating__title {
		padding: 0 0 1.88rem;
		font-size: 1.75rem;
		text-align: center;
	}

	.resource-floating__title h2 {
		font-size: 1.25rem;
	}

	.resource-floating__copy {
		padding: 2.5rem 0 0;
		font-size: 1.13rem;
	}

	.resource-floating .resource-floating__form .banner-form-inner {
		padding: 2.5rem 1.25rem;
	}
}