/*
 * **********************************************************************
 * Kadence Child Theme — Consulting Page Styles
 *
 * Styles for the [consulting_page] shortcode.
 * Loaded only on the page with slug "consulting".
 *
 * @package  KadenceChild
 * @version  1.0.9
 * @updated  2026-06-17
 * **********************************************************************
 */

/* =============================================================================
   Page chrome
   ============================================================================= */

/* ── Hide default page title and hero bar ────────────────────────────────────── */

.mah-consulting-page .entry-title,
.mah-consulting-page .entry-hero-container-inner {
	display: none;
}

/* ── Content container ───────────────────────────────────────────────────────── */

.mah-consulting-page .content-bg {
	border-radius: 20px;
	overflow: hidden;
}

/* =============================================================================
   Wrapper
   ============================================================================= */

.mah-con {
	font-family: inherit;
	color: inherit;
}

/* =============================================================================
   Hero
   ============================================================================= */

.con-hero {
	background: linear-gradient(135deg, #2b7f4b 0%, #1d5c34 100%);
	padding: 100px 24px;
	text-align: center;
}

.con-hero__inner {
	max-width: 760px;
	margin: 0 auto;
}

.con-hero__title {
	color: #ffffff;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 24px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.con-hero__lead {
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.1rem;
	line-height: 1.7;
	margin: 0;
}

/* =============================================================================
   Shared section layout
   ============================================================================= */

.con-section__inner {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 32px 64px;
}

.con-section__heading {
	color: #2b7f4b;
	font-size: clamp(1.4rem, 3vw, 1.9rem);
	font-weight: 700;
	margin: 0 0 32px;
	text-align: center;
}

/* =============================================================================
   Services Include
   ============================================================================= */

.con-services {
	background: rgba(255, 253, 245, 0.95);
}

.con-services__img,
.con-benefits__img {
	border-radius: 12px;
	display: block;
	height: auto;
	margin: 24px auto;
	max-width: calc(90% - 48px);
	width: calc(90% - 48px);
}

/* =============================================================================
   Benefits to Your Communities
   ============================================================================= */

.con-benefits {
	background: rgba(220, 240, 228, 0.95);
	padding-top: 24px;
}

/* =============================================================================
   List (shared by both sections)
   ============================================================================= */

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

.con-list li {
	align-items: flex-start;
	border-bottom: 1px solid rgba(43, 127, 75, 0.15);
	color: #1a1a1a;
	display: flex;
	font-size: 1.05rem;
	gap: 14px;
	line-height: 1.55;
	padding: 13px 0;
}

.con-list li:last-child {
	border-bottom: none;
}

.con-list li::before {
	color: #2b7f4b;
	content: '✓';
	flex-shrink: 0;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2px;
}

/* =============================================================================
   CTA
   ============================================================================= */

.con-cta {
	background: #2b7f4b;
}

.con-cta__inner {
	max-width: 760px;
	margin: 0 auto;
	padding: 64px 32px;
	text-align: center;
}

.con-cta__inner p {
	color: #ffffff;
	font-size: 1.05rem;
	line-height: 1.75;
	margin: 0 0 20px;
}

.con-cta__inner p:last-of-type {
	margin-bottom: 40px;
}

.con-btn {
	background: #ffffff;
	border-radius: 6px;
	color: #2b7f4b;
	display: inline-block;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 14px 40px;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.con-btn:hover,
.con-btn:focus {
	background: #f0faf4;
	color: #1d5c34;
	transform: translateY(-2px);
}

/* =============================================================================
   Mobile
   ============================================================================= */

/* Desktop: images convey the sections; headings are redundant */
@media (min-width: 701px) {
	.con-services .con-section__heading,
	.con-benefits .con-section__heading {
		display: none;
	}
}

@media (max-width: 700px) {
	.con-hero {
		padding: 72px 20px;
	}

	.con-section__inner,
	.con-cta__inner {
		padding: 48px 20px;
	}

	/* Mobile: hide images, headings carry the sections */
	.con-services__img,
	.con-benefits__img {
		display: none;
	}
}