/* Contact page + Dashboard contact form. */

.jmu-form:not(.jmu-form-compact) {
	box-sizing: border-box;
	max-width: 640px;
	margin-inline: auto;
	padding: clamp(var(--space-md), 3vw, var(--space-lg));
	border: var(--border-width) solid var(--border-color-muted);
	border-radius: var(--radius-lg);
	background: var(--bg-surface);
	box-shadow: var(--shadow-md);
}

.jmu-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-sm);
}

.jmu-form-grid .full {
	grid-column: 1 / -1;
}

.jmu-contact-page {
	background: var(--bg-base);
	color: var(--text-main);
}

.jmu-contact-page > * {
	margin-block-start: 0 !important;
}

.jmu-contact-hero,
.jmu-contact-form-stage,
.jmu-contact-next,
.jmu-contact-routing,
.jmu-contact-service-area,
.jmu-contact-final {
	box-sizing: border-box;
	width: auto;
	max-width: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-inline: clamp(var(--space-md), 4vw, var(--space-xl));
}

.wp-block-group.jmu-contact-hero,
.wp-block-group.jmu-contact-form-stage,
.wp-block-group.jmu-contact-next,
.wp-block-group.jmu-contact-routing,
.wp-block-group.jmu-contact-service-area,
.wp-block-group.jmu-contact-final {
	width: auto;
	max-width: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.jmu-contact-hero {
	position: relative;
	min-height: clamp(300px, 38vh, 430px);
	padding-block: clamp(var(--space-lg), 4vw, var(--space-xl));
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--bg-dark) 98%, transparent) 0%, color-mix(in srgb, var(--bg-dark) 88%, transparent) 58%, color-mix(in srgb, var(--color-primary) 62%, var(--bg-dark)) 100%),
		var(--bg-dark);
	color: var(--text-inverse);
	overflow: hidden;
}

.jmu-contact-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--white) 7%, transparent) 0 1px, transparent 1px 100%),
		linear-gradient(0deg, color-mix(in srgb, var(--white) 5%, transparent) 0 1px, transparent 1px 100%);
	background-size: 72px 72px;
	-webkit-mask-image: linear-gradient(90deg, transparent, var(--black) 18%, var(--black) 78%, transparent);
	mask-image: linear-gradient(90deg, transparent, var(--black) 18%, var(--black) 78%, transparent);
	pointer-events: none;
}

.jmu-contact-hero::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: var(--border-width-lg);
	background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--white) 42%, transparent));
}

.jmu-contact-hero__inner,
.jmu-contact-form-stage__inner,
.jmu-contact-next__inner,
.jmu-contact-routing__inner,
.jmu-contact-service-area__inner,
.jmu-contact-final__inner {
	position: relative;
	z-index: var(--z-base);
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.jmu-contact-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
	gap: clamp(var(--space-lg), 4vw, var(--space-2xl));
	align-items: center;
}

.jmu-contact-hero__copy,
.jmu-contact-form-stage__guide,
.jmu-contact-next__head,
.jmu-contact-routing__head,
.jmu-contact-final__inner {
	display: grid;
	gap: var(--space-md);
	min-width: 0;
}

.jmu-contact-hero__copy {
	gap: var(--space-sm);
}

.jmu-contact-kicker,
.jmu-contact-route span,
.jmu-contact-next__list span,
.jmu-contact-service-area__details dt {
	margin: 0;
	color: var(--color-primary);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--letter-spacing-eyebrow);
	line-height: var(--line-height-normal);
	text-transform: uppercase;
}

.jmu-contact-hero .jmu-contact-kicker,
.jmu-contact-final .jmu-contact-kicker {
	color: color-mix(in srgb, var(--text-inverse) 78%, transparent);
}

.jmu-contact-hero h1 {
	max-width: 860px;
	margin: 0;
	color: var(--text-inverse);
	font-family: var(--font-display);
	font-size: clamp(2.25rem, 4vw, 3.75rem);
	font-weight: var(--font-weight-extrabold);
	letter-spacing: 0;
	line-height: var(--line-height-tight);
	text-wrap: balance;
}

.jmu-contact-hero__lead {
	max-width: 64ch;
	margin: 0;
	color: color-mix(in srgb, var(--text-inverse) 88%, transparent);
	font-size: var(--text-md);
	line-height: var(--line-height-relaxed);
}

.jmu-contact-hero__signals {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.jmu-contact-hero__signals li {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: var(--space-2xs) var(--space-sm);
	border: var(--border-width) solid color-mix(in srgb, var(--white) 28%, transparent);
	border-radius: var(--radius-sm);
	background: color-mix(in srgb, var(--black) 20%, transparent);
	color: var(--text-inverse);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.jmu-contact-console {
	display: grid;
	gap: var(--space-sm);
	padding: var(--space-md);
	border: var(--border-width) solid color-mix(in srgb, var(--white) 18%, transparent);
	border-radius: var(--radius-lg);
	background: color-mix(in srgb, var(--white) 93%, transparent);
	box-shadow: var(--shadow-xl);
	color: var(--text-main);
}

.jmu-contact-console__status {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-2xs) var(--space-sm);
	align-items: center;
	padding-bottom: var(--space-sm);
	border-bottom: var(--border-width) solid var(--border-color-muted);
}

.jmu-contact-console__status span {
	width: 12px;
	height: 12px;
	border-radius: var(--radius-full);
	background: var(--color-success);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--color-success) 20%, transparent);
}

.jmu-contact-console__status strong {
	color: var(--text-strong);
	font-size: var(--text-base);
	line-height: var(--line-height-snug);
}

.jmu-contact-console__status small {
	grid-column: 2;
	color: var(--text-muted);
	font-size: var(--text-sm);
	line-height: var(--line-height-normal);
}

.jmu-contact-action,
.jmu-contact-final__button {
	box-sizing: border-box;
	display: grid;
	gap: var(--space-3xs);
	min-height: 54px;
	padding: var(--space-sm);
	border: var(--border-width) solid var(--border-color-muted);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
	color: var(--text-main);
	text-decoration: none;
	transition:
		background var(--duration-normal) var(--ease-default),
		border-color var(--duration-normal) var(--ease-default),
		color var(--duration-normal) var(--ease-default),
		box-shadow var(--duration-normal) var(--ease-default),
		transform var(--duration-fast) var(--ease-default);
}

.jmu-contact-action span {
	color: var(--color-primary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--letter-spacing-eyebrow);
	line-height: var(--line-height-normal);
	text-transform: uppercase;
}

.jmu-contact-action strong {
	color: inherit;
	font-size: var(--text-base);
	line-height: var(--line-height-snug);
}

.jmu-contact-action--primary {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--text-inverse);
}

.jmu-contact-action--primary span {
	color: color-mix(in srgb, var(--text-inverse) 82%, transparent);
}

.jmu-contact-action:hover,
.jmu-contact-action:focus-visible,
.jmu-contact-action.jmu-sg-force-hover,
.jmu-contact-action.jmu-sg-force-focus,
.jmu-contact-route:hover,
.jmu-contact-route:focus-visible,
.jmu-contact-route.jmu-sg-force-hover,
.jmu-contact-route.jmu-sg-force-focus,
.jmu-contact-final__button:hover,
.jmu-contact-final__button:focus-visible,
.jmu-contact-final__button.jmu-sg-force-hover,
.jmu-contact-final__button.jmu-sg-force-focus {
	border-color: color-mix(in srgb, var(--color-primary) 42%, transparent);
	box-shadow: var(--shadow-md);
	transform: translateY(-2px);
}

.jmu-contact-action--primary:hover,
.jmu-contact-action--primary:focus-visible,
.jmu-contact-action--primary.jmu-sg-force-hover,
.jmu-contact-action--primary.jmu-sg-force-focus,
.jmu-contact-final__button--primary:hover,
.jmu-contact-final__button--primary:focus-visible,
.jmu-contact-final__button--primary.jmu-sg-force-hover,
.jmu-contact-final__button--primary.jmu-sg-force-focus {
	background: var(--color-primary-hover);
	color: var(--text-inverse);
}

.jmu-contact-action:focus-visible,
.jmu-contact-route:focus-visible,
.jmu-contact-service-area a:focus-visible,
.jmu-contact-final__button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.jmu-contact-action--primary:focus-visible,
.jmu-contact-final__button--primary:focus-visible {
	outline-color: var(--color-primary-hover);
}

.jmu-contact-form-stage {
	padding-block: clamp(3rem, 6vw, 5rem);
	background: var(--bg-base);
	scroll-margin-top: 160px;
}

.jmu-contact-form-stage__inner {
	display: grid;
	grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
	gap: clamp(var(--space-lg), 5vw, var(--space-3xl));
	align-items: start;
}

.jmu-contact-form-stage__guide {
	position: sticky;
	top: var(--space-lg);
}

.jmu-contact-form-stage__guide h2,
.jmu-contact-next__head h2,
.jmu-contact-routing__head h2,
.jmu-contact-service-area h2,
.jmu-contact-final h2 {
	margin: 0;
	color: var(--text-strong);
	font-family: var(--font-display);
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0;
	line-height: var(--line-height-tight);
	text-wrap: balance;
}

.jmu-contact-form-stage__guide > p,
.jmu-contact-final p {
	margin: 0;
	color: var(--text-muted);
	font-size: var(--text-lg);
	line-height: var(--line-height-relaxed);
}

.jmu-contact-prep {
	display: grid;
	gap: var(--space-sm);
	padding: var(--space-md);
	border-left: var(--border-width-lg) solid var(--color-primary);
	border-radius: var(--radius-md);
	background: var(--bg-muted);
}

.jmu-contact-prep h3 {
	margin: 0;
	color: var(--text-strong);
	font-size: var(--text-xl);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-snug);
}

.jmu-contact-prep ul {
	display: grid;
	gap: var(--space-2xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.jmu-contact-prep li {
	position: relative;
	padding-left: var(--space-md);
	color: var(--text-muted);
	font-size: var(--text-sm);
	line-height: var(--line-height-relaxed);
}

.jmu-contact-prep li::before {
	content: "";
	position: absolute;
	top: 0.78em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: var(--radius-full);
	background: var(--color-primary);
}

.jmu-contact-form-stage__panel {
	box-sizing: border-box;
	padding: clamp(var(--space-md), 4vw, var(--space-xl));
	border: var(--border-width) solid color-mix(in srgb, var(--color-primary) 18%, transparent);
	border-radius: var(--radius-lg);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 5%, transparent), transparent 34%),
		var(--bg-surface);
	box-shadow: var(--shadow-lg);
}

.jmu-contact-form-stage__note {
	margin: 0 0 var(--space-md);
	color: var(--text-muted);
	font-size: var(--text-base);
	line-height: var(--line-height-relaxed);
}

.jmu-contact-form-stage .jmu-form:not(.jmu-form-compact) {
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.jmu-contact-form-stage .jmu-dashboard-form label {
	display: block;
	margin: 0 0 var(--space-3xs);
	color: var(--text-strong);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-snug);
}

.jmu-contact-form-stage .jmu-dashboard-form input,
.jmu-contact-form-stage .jmu-dashboard-form textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: var(--space-xs) var(--space-sm);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--radius-sm);
	background: var(--bg-surface);
	color: var(--text-main);
	font: inherit;
}

.jmu-contact-form-stage .jmu-dashboard-form textarea {
	min-height: 150px;
	resize: vertical;
}

.jmu-contact-form-stage .jmu-dashboard-form input:focus,
.jmu-contact-form-stage .jmu-dashboard-form textarea:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);
	outline: none;
}

.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"] {
	width: 100%;
	min-height: 48px;
	padding: var(--space-xs) var(--space-md);
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--color-primary);
	color: var(--text-inverse);
	cursor: pointer;
	font-family: var(--font-sans);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	transition:
		background var(--duration-normal) var(--ease-default),
		transform var(--duration-fast) var(--ease-default);
}

.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"]:hover,
.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"]:focus-visible {
	background: var(--color-primary-hover);
	transform: translateY(-1px);
}

.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"]:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"]:disabled {
	opacity: 0.72;
	cursor: wait;
	transform: none;
}

.jmu-contact-form-stage .jmu-form-msg {
	display: none;
}

.jmu-contact-form-stage .jmu-form-msg.is-ok,
.jmu-contact-form-stage .jmu-form-msg.is-error {
	display: block;
	margin-top: var(--space-2xs);
	padding: var(--space-xs) var(--space-sm);
	border-radius: var(--radius-sm);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-normal);
}

.jmu-contact-form-stage .jmu-form-msg.is-ok {
	background: color-mix(in srgb, var(--color-success) 18%, var(--bg-surface));
	color: var(--text-strong);
}

.jmu-contact-form-stage .jmu-form-msg.is-error {
	background: color-mix(in srgb, var(--color-error) 10%, var(--bg-surface));
	color: var(--color-error);
}

.jmu-contact-next {
	padding-block: clamp(3rem, 6vw, 5rem);
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 4%, transparent) 0 1px, transparent 1px 100%),
		linear-gradient(0deg, color-mix(in srgb, var(--text-strong) 4%, transparent) 0 1px, transparent 1px 100%),
		var(--bg-muted);
	background-size: 56px 56px;
}

.jmu-contact-next__inner,
.jmu-contact-routing__inner {
	display: grid;
	gap: var(--space-lg);
}

.jmu-contact-next__head,
.jmu-contact-routing__head {
	max-width: 820px;
}

.jmu-contact-next__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

.jmu-contact-next__list li {
	position: relative;
	display: grid;
	align-content: start;
	gap: var(--space-xs);
	padding: var(--space-md);
	border-top: var(--border-width-lg) solid var(--color-primary);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
	box-shadow: var(--shadow-sm);
}

.jmu-contact-next__list li::after {
	content: "";
	position: absolute;
	top: calc(var(--border-width-lg) * -1);
	right: var(--space-md);
	width: 32px;
	height: var(--border-width-lg);
	background: color-mix(in srgb, var(--bg-dark) 80%, transparent);
}

.jmu-contact-next__list span {
	color: var(--color-primary);
}

.jmu-contact-next__list strong {
	color: var(--text-strong);
	font-size: var(--text-lg);
	line-height: var(--line-height-snug);
}

.jmu-contact-next__list p,
.jmu-contact-route p {
	margin: 0;
	color: var(--text-muted);
	font-size: var(--text-sm);
	line-height: var(--line-height-relaxed);
}

.jmu-contact-routing {
	padding-block: clamp(3rem, 6vw, 5rem);
	background: var(--bg-base);
}

.jmu-contact-routing__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-md);
}

.jmu-contact-route {
	box-sizing: border-box;
	display: grid;
	gap: var(--space-xs);
	min-height: 100%;
	padding: var(--space-lg);
	border: var(--border-width) solid var(--border-color-muted);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
	box-shadow: var(--shadow-sm);
	color: var(--text-main);
	text-decoration: none;
	transition:
		border-color var(--duration-normal) var(--ease-default),
		box-shadow var(--duration-normal) var(--ease-default),
		transform var(--duration-fast) var(--ease-default);
}

.jmu-contact-route strong {
	color: var(--text-strong);
	font-size: var(--text-xl);
	line-height: var(--line-height-snug);
}

.jmu-contact-service-area {
	padding-block: clamp(3rem, 6vw, 5rem);
	background: var(--bg-dark);
	color: var(--text-inverse);
}

.jmu-contact-service-area__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.78fr);
	gap: clamp(var(--space-lg), 5vw, var(--space-3xl));
	align-items: center;
}

.jmu-contact-service-area h2 {
	color: var(--text-inverse);
}

.jmu-contact-service-area__details {
	display: grid;
	gap: var(--space-sm);
	margin: 0;
}

.jmu-contact-service-area__details div {
	display: grid;
	grid-template-columns: minmax(90px, 0.28fr) minmax(0, 1fr);
	gap: var(--space-md);
	align-items: center;
	padding: var(--space-md);
	border: var(--border-width) solid color-mix(in srgb, var(--white) 16%, transparent);
	border-radius: var(--radius-md);
	background: color-mix(in srgb, var(--white) 6%, transparent);
}

.jmu-contact-service-area__details dt {
	color: color-mix(in srgb, var(--text-inverse) 78%, transparent);
}

.jmu-contact-service-area__details dd {
	margin: 0;
	color: var(--text-inverse);
	font-size: var(--text-lg);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-snug);
}

.jmu-contact-service-area a {
	color: var(--text-inverse);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.jmu-contact-service-area a:hover,
.jmu-contact-service-area a:focus-visible {
	color: color-mix(in srgb, var(--text-inverse) 78%, var(--color-primary));
}

.jmu-contact-final {
	padding-block: clamp(3rem, 6vw, 5rem);
	background:
		linear-gradient(120deg, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 45%),
		var(--bg-warm);
	text-align: center;
}

.jmu-contact-final__inner {
	justify-items: center;
	max-width: 920px;
}

.jmu-contact-final__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-sm);
	margin-top: var(--space-sm);
}

.jmu-contact-final__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: var(--space-xs) var(--space-md);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
}

.jmu-contact-final__button--primary {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--text-inverse);
}

@media (max-width: 1080px) {
	.jmu-contact-hero__inner,
	.jmu-contact-form-stage__inner,
	.jmu-contact-service-area__inner {
		grid-template-columns: 1fr;
	}

	.jmu-contact-form-stage__guide {
		position: static;
	}

	.jmu-contact-next__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.jmu-contact-hero,
	.jmu-contact-form-stage,
	.jmu-contact-next,
	.jmu-contact-routing,
	.jmu-contact-service-area,
	.jmu-contact-final {
		padding-right: var(--space-md);
		padding-left: var(--space-md);
	}

	.jmu-contact-hero h1 {
		font-size: clamp(1.95rem, 8.6vw, 2.8rem);
	}

	.jmu-contact-console,
	.jmu-contact-form-stage__panel,
	.jmu-contact-route,
	.jmu-contact-next__list li {
		padding: var(--space-md);
	}

	.jmu-contact-next__list,
	.jmu-contact-routing__grid,
	.jmu-contact-form-stage .jmu-form-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.jmu-contact-hero__signals,
	.jmu-contact-final__actions {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.jmu-contact-final__button {
		width: 100%;
	}

	.jmu-contact-service-area__details div {
		grid-template-columns: 1fr;
		gap: var(--space-2xs);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jmu-contact-action,
	.jmu-contact-route,
	.jmu-contact-final__button,
	.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"] {
		transition-duration: 0.01ms;
	}

	.jmu-contact-action:hover,
	.jmu-contact-action:focus-visible,
	.jmu-contact-route:hover,
	.jmu-contact-route:focus-visible,
	.jmu-contact-final__button:hover,
	.jmu-contact-final__button:focus-visible,
	.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"]:hover,
	.jmu-contact-form-stage .jmu-dashboard-form button[type="submit"]:focus-visible {
		transform: none;
	}
}