/* CONTACT V2.4 — Visual task navigation + Help/Trust Hub.
 * Gutenberg owns page content. Theme owns presentation.
 * Shared frame/gutter geometry remains owned by Grid & Whitespace v1.1.
 */

.mahamu-contact-page-v2{
	padding-block:var(--wp--custom--space--section-brand);
	background:var(--wp--custom--color--surface--canvas);
}

.mahamu-contact-frame{
	box-sizing:border-box;
}

.mahamu-contact-intro{
	max-width:var(--wp--custom--layout--content-reading);
	margin:0 0 var(--wp--custom--space--section-brand);
}

.mahamu-contact-intro h1{
	margin:0 0 var(--wp--custom--space--md);
	font-size:clamp(40px,5vw,60px);
	font-weight:var(--wp--custom--font--weight--medium);
	line-height:var(--wp--custom--font--line-height--heading);
}

.mahamu-contact-intro .mahamu-contact-lede{
	margin:0;
	max-width:42rem;
	color:var(--wp--custom--color--text--secondary);
	font-size:18px;
	line-height:1.7;
}

.mahamu-contact-section{
	margin:0 0 var(--wp--custom--space--section-brand);
}

.mahamu-contact-section:last-child{
	margin-bottom:0;
}

.mahamu-contact-section > h2{
	margin:0 0 var(--wp--custom--space--xl);
	font-size:clamp(28px,3.2vw,38px);
	font-weight:var(--wp--custom--font--weight--medium);
	line-height:1.15;
}

.mahamu-contact-help-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	border-top:1px solid var(--wp--custom--color--border--soft);
	border-bottom:1px solid var(--wp--custom--color--border--soft);
}

.mahamu-contact-help-item{
	position:relative;
	display:grid;
	grid-template-rows:auto auto 1fr auto;
	min-width:0;
	padding:var(--wp--custom--space--xl) var(--wp--custom--space--lg) var(--wp--custom--space--xl) 0;
	color:var(--wp--custom--color--text--primary);
}

.mahamu-contact-help-item::before{
	--mahamu-icon-size:28px;
	margin-bottom:var(--wp--custom--space--md);
	color:var(--wp--custom--color--action--primary);
}

.mahamu-contact-help-item + .mahamu-contact-help-item{
	padding-left:var(--wp--custom--space--lg);
	border-left:1px solid var(--wp--custom--color--border--soft);
}

.mahamu-contact-help-item h3{
	margin:0 0 var(--wp--custom--space--sm);
	font-size:20px;
	font-weight:var(--wp--custom--font--weight--medium);
	line-height:1.3;
}

.mahamu-contact-help-item > p:not(.mahamu-contact-help-action){
	margin:0 0 var(--wp--custom--space--md);
	color:var(--wp--custom--color--text--secondary);
	font-size:15px;
	line-height:1.65;
}

.mahamu-contact-help-action{
	align-self:end;
	margin:0 !important;
}

.mahamu-contact-help-action a{
	position:static;
	min-height:48px;
	color:var(--wp--custom--color--action--primary);
	font-weight:var(--wp--custom--font--weight--medium);
	text-decoration:none;
}

.mahamu-contact-help-action a::before{
	content:"";
	position:absolute;
	inset:0;
}

.mahamu-contact-help-item:hover .mahamu-contact-help-action a{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:5px;
}

.mahamu-contact-direct-grid{
	display:grid;
	grid-template-columns:repeat(12,minmax(0,1fr));
	column-gap:var(--wp--custom--space--xl);
	align-items:start;
	padding-block:var(--wp--custom--space--xxl);
	border-top:1px solid var(--wp--custom--color--border--soft);
	border-bottom:1px solid var(--wp--custom--color--border--soft);
}

.mahamu-contact-direct-copy{
	grid-column:1 / span 4;
	max-width:26rem;
}

.mahamu-contact-direct-copy h2,
.mahamu-contact-return h2{
	margin:0 0 var(--wp--custom--space--md);
	font-size:clamp(28px,3vw,36px);
	font-weight:var(--wp--custom--font--weight--medium);
	line-height:1.15;
}

.mahamu-contact-direct-copy p,
.mahamu-contact-visit p,
.mahamu-contact-return p{
	margin-top:0;
	color:var(--wp--custom--color--text--secondary);
	line-height:1.7;
}

.mahamu-contact-direct-note{
	margin-top:var(--wp--custom--space--lg) !important;
	font-size:14px;
}

.mahamu-contact-channel{
	grid-column:5 / -1;
	display:grid;
	grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,1fr);
	gap:var(--wp--custom--space--lg);
	min-width:0;
	margin:0;
}

.mahamu-contact-channel-item{
	position:relative;
	display:grid;
	grid-template-columns:32px minmax(0,1fr);
	grid-template-rows:auto auto;
	column-gap:var(--wp--custom--space--sm);
	align-items:start;
	min-width:0;
	margin-block:0;
	padding:var(--wp--custom--space--md) 0;
	border-top:1px solid var(--wp--custom--color--border--soft);
	color:var(--wp--custom--color--text--primary);
}

.mahamu-contact-channel-item::before{
	grid-column:1;
	grid-row:1 / span 2;
	margin-top:2px;
	color:var(--wp--custom--color--action--primary);
}

.mahamu-contact-channel-label{
	grid-column:2;
	margin:0 0 var(--wp--custom--space--xs) !important;
	color:var(--wp--custom--color--text--secondary);
	font-size:13px;
	font-weight:var(--wp--custom--font--weight--medium);
	letter-spacing:.02em;
}

.mahamu-contact-channel-value{
	grid-column:2;
	margin:0 !important;
	font-size:clamp(17px,1.5vw,21px);
	line-height:1.35;
	overflow-wrap:anywhere;
}

.mahamu-contact-channel-value a{
	position:static;
	display:inline-flex;
	min-height:48px;
	align-items:center;
	color:var(--wp--custom--color--text--primary);
	text-decoration:none;
}

.mahamu-contact-channel-value a::before{
	content:"";
	position:absolute;
	inset:0;
}

.mahamu-contact-channel-item:hover .mahamu-contact-channel-value a{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:5px;
}

.mahamu-contact-page-v2 .wp-block-button__link{
	display:inline-flex;
	min-height:48px;
	align-items:center;
	justify-content:center;
	padding:10px 18px;
}

.mahamu-contact-visit-grid{
	display:grid;
	grid-template-columns:repeat(12,minmax(0,1fr));
	column-gap:var(--wp--custom--space--xl);
	align-items:start;
}

.mahamu-contact-visit-copy{
	grid-column:1 / span 4;
	max-width:28rem;
	padding-top:var(--wp--custom--space--sm);
}

.mahamu-contact-visit-copy h3{
	margin:0 0 var(--wp--custom--space--lg);
	font-size:22px;
	font-weight:var(--wp--custom--font--weight--medium);
	line-height:1.3;
}

.mahamu-contact-meta{
	display:flex;
	align-items:flex-start;
	gap:var(--wp--custom--space--sm);
	margin-bottom:var(--wp--custom--space--md) !important;
	color:var(--wp--custom--color--text--primary) !important;
}

.mahamu-contact-meta::before{
	--mahamu-icon-size:20px;
	margin-top:.2em;
	color:var(--wp--custom--color--action--primary);
}

.mahamu-contact-visit-copy .wp-block-buttons{
	margin-top:var(--wp--custom--space--lg);
}

.mahamu-contact-media{
	grid-column:6 / -1;
	min-width:0;
	width:min(100%,720px);
	margin:0 0 0 auto;
}

.mahamu-contact-media .wp-block-image{
	margin:0;
	overflow:hidden;
	background:var(--wp--custom--color--surface--editorial);
}

.mahamu-contact-media img{
	display:block;
	width:100%;
	aspect-ratio:1 / 1;
	object-fit:cover;
	object-position:center;
}

.mahamu-contact-caption{
	margin:var(--wp--custom--space--sm) 0 0 !important;
	color:var(--wp--custom--color--text--secondary);
	font-size:12px;
	line-height:1.5;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.mahamu-contact-return{
	display:grid;
	grid-template-columns:repeat(12,minmax(0,1fr));
	column-gap:var(--wp--custom--space--xl);
	row-gap:var(--wp--custom--space--sm);
	padding-top:var(--wp--custom--space--xxl);
	border-top:1px solid var(--wp--custom--color--border--soft);
}

.mahamu-contact-return > h2{
	grid-column:1 / span 4;
	grid-row:1 / span 3;
	display:flex;
	align-items:flex-start;
	gap:var(--wp--custom--space--sm);
	margin:0;
}

.mahamu-contact-return > h2::before{
	--mahamu-icon-size:26px;
	margin-top:.08em;
	color:var(--wp--custom--color--action--primary);
}

.mahamu-contact-return > p{
	grid-column:6 / -1;
	max-width:46rem;
}

.mahamu-contact-return > p:first-of-type{
	color:var(--wp--custom--color--text--primary);
}

.mahamu-contact-return-action{
	margin-top:var(--wp--custom--space--sm) !important;
}

.mahamu-contact-return-action a{
	min-height:48px;
	color:var(--wp--custom--color--action--primary);
	font-weight:var(--wp--custom--font--weight--medium);
	text-decoration:none;
}

.mahamu-contact-return-action a:hover{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:5px;
}

.mahamu-contact-page-v2 a:focus-visible{
	outline:2px solid var(--wp--custom--color--accent--focus);
	outline-offset:3px;
}

.mahamu-contact-help-item:focus-within,
.mahamu-contact-channel-item:focus-within{
	outline:2px solid var(--wp--custom--color--accent--focus);
	outline-offset:4px;
}

.mahamu-contact-help-action a:focus-visible,
.mahamu-contact-channel-value a:focus-visible{
	outline:none;
}

@media (max-width:1024px){
	.mahamu-contact-page-v2{
		padding-block:var(--wp--custom--space--section-commerce);
	}

	.mahamu-contact-intro,
	.mahamu-contact-section{
		margin-bottom:var(--wp--custom--space--section-commerce);
	}

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

	.mahamu-contact-help-item{
		padding:var(--wp--custom--space--lg) 0;
	}

	.mahamu-contact-help-item + .mahamu-contact-help-item{
		padding-left:0;
		border-left:0;
	}

	.mahamu-contact-help-item:nth-child(even){
		padding-left:var(--wp--custom--space--lg);
		border-left:1px solid var(--wp--custom--color--border--soft);
	}

	.mahamu-contact-help-item:nth-child(3),
	.mahamu-contact-help-item:nth-child(4){
		border-top:1px solid var(--wp--custom--color--border--soft);
	}

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

	.mahamu-contact-channel-item:last-child{
		grid-column:1 / -1;
		max-width:50%;
	}

	.mahamu-contact-visit-copy{
		grid-column:1 / span 5;
	}

	.mahamu-contact-media{
		grid-column:6 / -1;
		width:min(100%,520px);
	}

	.mahamu-contact-return > h2{
		grid-column:1 / span 5;
	}

	.mahamu-contact-return > p{
		grid-column:6 / -1;
	}
}

@media (max-width:900px){
	.mahamu-contact-direct-grid,
	.mahamu-contact-visit-grid,
	.mahamu-contact-return{
		grid-template-columns:1fr;
		row-gap:var(--wp--custom--space--xl);
	}

	.mahamu-contact-direct-copy,
	.mahamu-contact-channel,
	.mahamu-contact-visit-copy,
	.mahamu-contact-media,
	.mahamu-contact-return > h2,
	.mahamu-contact-return > p{
		grid-column:1 / -1;
	}

	.mahamu-contact-direct-copy,
	.mahamu-contact-visit-copy{
		max-width:var(--wp--custom--layout--content-reading);
	}

	.mahamu-contact-media{
		width:min(100%,640px);
		margin-inline:0 auto;
	}

	.mahamu-contact-return > h2{
		grid-row:auto;
		margin-bottom:var(--wp--custom--space--sm);
	}
}

@media (max-width:640px){
	.mahamu-contact-page-v2{
		padding-block:var(--wp--custom--space--section-mobile);
	}

	.mahamu-contact-intro,
	.mahamu-contact-section{
		margin-bottom:var(--wp--custom--space--section-mobile);
	}

	.mahamu-contact-intro h1{
		font-size:38px;
	}

	.mahamu-contact-intro .mahamu-contact-lede{
		font-size:16px;
	}

	.mahamu-contact-section > h2{
		margin-bottom:var(--wp--custom--space--lg);
		font-size:28px;
	}

	.mahamu-contact-help-grid,
	.mahamu-contact-channel{
		grid-template-columns:1fr;
	}

	.mahamu-contact-help-item,
	.mahamu-contact-help-item:nth-child(even){
		padding:var(--wp--custom--space--lg) 0;
		border-left:0;
		border-top:1px solid var(--wp--custom--color--border--soft);
	}

	.mahamu-contact-help-item:first-child{
		border-top:0;
	}

	.mahamu-contact-help-item::before{
		--mahamu-icon-size:26px;
	}

	.mahamu-contact-direct-grid{
		padding-block:var(--wp--custom--space--lg);
		row-gap:var(--wp--custom--space--xl);
	}

	.mahamu-contact-channel{
		gap:0;
	}

	.mahamu-contact-channel-item:last-child{
		grid-column:auto;
		max-width:none;
	}

	.mahamu-contact-media img{
		aspect-ratio:1 / 1;
	}

	.mahamu-contact-return{
		padding-top:var(--wp--custom--space--lg);
	}
}