/* ============================================================
   Law School page — page-specific styles.
   Loaded only when the law-school template is active. Reuses the
   bright/white-first "sales energy" component library already
   built for the Paralegal Certificate Program page (paralegal-landing.css
   is enqueued alongside this file — see functions.php) so the two
   destination pages feel like siblings. This file covers only what's
   genuinely new here: the hero layout and the email-capture card.
   ============================================================ */

.ltl-ls-section {
	padding: clamp(3.5rem, 8vw, 6rem) clamp(1rem, 4vw, 2rem);
}

/* ---------- Hero — text + photo columns, since this page (unlike the
   paralegal page) doesn't have a fully composited hero image ---------- */
.ltl-ls-hero {
	padding-top: clamp(4rem, 9vw, 7rem);
}
.ltl-ls-hero h1 {
	font-family: var(--wp--preset--font-family--fraunces);
	font-weight: 800;
	font-size: clamp(2.1rem, 4.5vw, 3rem);
	line-height: 1.1;
	margin: 0.5rem 0 1rem;
}
.ltl-ls-hero-ctas {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	margin-top: 1.75rem;
}
.ltl-ls-hero-photo img {
	border-radius: 16px;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	box-shadow: 0 20px 48px rgba(27, 42, 74, 0.15);
}
@media (max-width: 780px) {
	.ltl-ls-hero .wp-block-columns {
		flex-direction: column-reverse;
	}
}

/* ---------- Email capture card ---------- */
.ltl-ls-capture {
	text-align: center;
}
.ltl-ls-capture-card {
	max-width: 560px;
	margin: 1.5rem auto 0;
	border: 2px solid var(--wp--preset--color--champagne-gold);
	border-radius: 20px;
	padding: clamp(2rem, 4vw, 2.75rem);
	box-shadow: 0 30px 70px rgba(196, 168, 98, 0.18);
	background: var(--wp--preset--color--pure-white);
}
.ltl-ls-capture-card h2 {
	font-family: var(--wp--preset--font-family--fraunces);
	font-weight: 800;
	color: var(--wp--preset--color--deep-navy);
	margin: 0;
}
.ltl-ls-capture-sub {
	color: rgba(44, 44, 44, 0.65);
	margin: 0.6rem 0 1.75rem;
}
.ltl-ls-capture-fields {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	justify-content: center;
}
.ltl-ls-capture-fields input {
	flex: 1;
	min-width: 160px;
	box-sizing: border-box;
	padding: 0.9rem 1.1rem;
	border-radius: 8px;
	border: 1px solid rgba(44, 44, 44, 0.2);
	background: var(--wp--preset--color--white-soft);
	color: var(--wp--preset--color--charcoal);
	font-family: var(--wp--preset--font-family--public-sans);
	font-size: 0.95rem;
}
.ltl-ls-capture-fields input::placeholder {
	color: rgba(44, 44, 44, 0.4);
}
.ltl-ls-capture-fields input:disabled,
.ltl-ls-capture-fields button:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}
.ltl-ls-capture-fine {
	margin-top: 1.25rem;
	font-size: 0.78rem;
	color: rgba(44, 44, 44, 0.55);
}
.ltl-ls-capture-fine a {
	color: rgba(44, 44, 44, 0.75);
}
@media (max-width: 500px) {
	.ltl-ls-capture-fields {
		flex-direction: column;
	}
	.ltl-ls-capture-fields button {
		width: 100%;
		justify-content: center;
	}
}

/* ---------- Final CTA — two paths, side by side ---------- */
.ltl-ls-final-ctas {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.75rem;
}
.ltl-ls-final-cta-secondary {
	background: none;
	color: var(--wp--preset--color--deep-navy);
	border: 2px solid var(--wp--preset--color--deep-navy);
	box-shadow: none;
}
.ltl-ls-final-cta-secondary:hover {
	box-shadow: none;
	background: rgba(27, 42, 74, 0.05);
}