/**
 * Inner page layouts — About, Services, Supervision, Fees, Professional, Contact, Legal.
 */

.jg-inner-page {
	padding-top: 0;
}

.jg-page-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-block: calc(var(--jg-header-height) + 2rem) 3rem;
}

@media (min-width: 1024px) {
	.jg-page-header {
		padding-block: calc(var(--jg-header-height) + 3rem) 4rem;
	}
}

.jg-page-quote {
	border-top: 1px solid var(--wp--preset--color--border);
	margin-top: 2.5rem;
	padding-top: 2.5rem;
}

.jg-page-quote blockquote {
	border: 0;
	font-family: var(--wp--preset--font-family--lora);
	font-size: clamp(1.25rem, 2.5vw, 1.75rem);
	font-style: italic;
	line-height: 1.55;
	margin: 0;
	padding: 0;
}

.jg-page-split-hero {
	display: grid;
	min-height: 70vh;
}

@media (min-width: 1024px) {
	.jg-page-split-hero {
		grid-template-columns: 1fr 1fr;
		min-height: 85vh;
	}
}

.jg-page-split-hero .jg-split-content {
	align-self: center;
	order: 2;
	padding: 2rem var(--wp--preset--spacing--50);
}

@media (min-width: 1024px) {
	.jg-page-split-hero .jg-split-content {
		order: 1;
		padding: 3rem 4rem 3rem var(--wp--preset--spacing--80);
	}
}

.jg-page-split-hero .jg-split-media {
	min-height: 20rem;
	order: 1;
	overflow: hidden;
}

@media (min-width: 1024px) {
	.jg-page-split-hero .jg-split-media {
		min-height: auto;
		order: 2;
	}
}

.jg-page-split-hero .jg-split-media img {
	height: 100%;
	object-fit: cover;
	object-position: top;
	width: 100%;
}

.jg-credential-strip {
	border-left: 2px solid var(--wp--preset--color--accent);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding-left: 1.25rem;
}

.jg-credential-strip p {
	color: var(--wp--preset--color--muted-foreground);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 300;
	margin: 0;
}

.jg-pillar-grid {
	background: var(--jg-grid-line);
	display: grid;
	gap: 1px;
}

@media (min-width: 768px) {
	.jg-pillar-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.jg-pillar-grid > .wp-block-group {
	background: var(--wp--preset--color--card);
	padding: var(--wp--preset--spacing--60);
}

.jg-anchor-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 2rem;
}

.jg-anchor-nav a,
.jg-anchor-pill a {
	border: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--muted-foreground);
	display: inline-block;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 0.5rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.jg-anchor-nav a:hover,
.jg-anchor-pill a:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--foreground) 30%, transparent);
	color: var(--wp--preset--color--foreground);
}

.jg-service-section {
	scroll-margin-top: calc(var(--jg-header-height) + 1rem);
}

.jg-service-number-lg {
	color: color-mix(in srgb, var(--wp--preset--color--foreground) 12%, transparent);
	font-family: var(--wp--preset--font-family--lora);
	font-size: clamp(3rem, 6vw, 4rem);
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.jg-issue-grid {
	background: var(--jg-grid-line);
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(2, 1fr);
}

.jg-issue-grid > .wp-block-group,
.jg-issue-grid > p {
	background: var(--wp--preset--color--background);
	margin: 0;
	padding: 1.25rem;
}

.jg-info-card {
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--50);
}

.jg-pull-quote {
	border-left: 4px solid var(--wp--preset--color--accent);
	padding-left: 1.25rem;
}

.jg-pull-quote p {
	font-family: var(--wp--preset--font-family--lora);
	font-style: italic;
	margin: 0;
}

.jg-style-grid {
	background: var(--jg-grid-line);
	display: grid;
	gap: 1px;
}

@media (min-width: 640px) {
	.jg-style-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.jg-style-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}

.jg-style-card {
	background: var(--wp--preset--color--background);
	padding: var(--wp--preset--spacing--50);
}

.jg-list-item {
	border: 1px solid var(--wp--preset--color--border);
	margin-bottom: 0.5rem;
	padding: 1rem 1.25rem;
}

.jg-fees-grid {
	background: var(--jg-grid-line);
	display: grid;
	gap: 1px;
}

@media (min-width: 768px) {
	.jg-fees-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.jg-fees-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.jg-fee-card {
	background: var(--wp--preset--color--background);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: space-between;
	min-height: 100%;
	padding: var(--wp--preset--spacing--60);
}

.jg-fee-card.is-highlighted {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary-foreground);
}

.jg-fee-card .jg-duration {
	font-family: var(--wp--preset--font-family--outfit);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.1em;
	opacity: 0.7;
	text-transform: uppercase;
}

.jg-policy-grid {
	display: grid;
	gap: var(--wp--preset--spacing--50);
}

@media (min-width: 640px) {
	.jg-policy-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.jg-cta-bar-inner {
	gap: var(--wp--preset--spacing--50);
	width: 100%;
}

.jg-role-card {
	border: 1px solid var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--70);
}

.jg-role-card.is-primary {
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary-foreground);
}

.jg-media-card {
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--60);
}

.jg-bullet-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jg-bullet-list li {
	align-items: center;
	display: flex;
	font-family: var(--wp--preset--font-family--lora);
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.jg-bullet-list li::before {
	background: var(--wp--preset--color--accent);
	border-radius: 50%;
	content: "";
	flex-shrink: 0;
	height: 4px;
	width: 4px;
}

.jg-primary-list {
	list-style: none;
	margin: 0;
	opacity: 0.8;
	padding: 0;
}

.jg-primary-list li {
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--primary-foreground) 20%, transparent);
	padding-block: 1rem;
}

.jg-contact-form-wrap {
	border: 1px solid var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--60);
}

.jg-contact-form-wrap .wpforms-container {
	margin-top: 1.5rem;
}

.jg-crisis-note {
	background: var(--wp--preset--color--card);
	border: 1px solid var(--wp--preset--color--border);
	margin-top: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--50);
}

.jg-footer-logo img {
	height: 2rem;
	max-width: 8rem;
	object-fit: contain;
	width: auto;
}

.jg-legal-content h2 {
	margin-top: 1.5rem;
}

@media (min-width: 1024px) {
	.jg-sticky-sidebar {
		position: sticky;
		top: calc(var(--jg-header-height) + 2rem);
	}
}

.jg-contact-form-wrap .wpforms-submit-container button[type="submit"],
.jg-contact-form-wrap button.wpforms-submit {
	background: var(--wp--preset--color--primary) !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--wp--preset--color--primary-foreground) !important;
	font-family: var(--wp--preset--font-family--outfit) !important;
	font-weight: 500 !important;
	padding: 1rem 1.75rem !important;
}