/* =========================================================================
   Website Solutions pages (/website-services-2/ and /website-services/*):
   the gmp-web-* pieces built in sites/growmyptpractice/pages-website.inc.php.
   ========================================================================= */

/* Hero, H1 left / intro right, at full H1 size (Webflow header47/49). */
.gmp-web-hero-split .wp-block-columns {
	gap: var(--gmp-gap);
}
.gmp-web-hero-split h1 {
	margin-block: 0;
}
.gmp-web-hero-split .wp-block-buttons {
	margin-block-start: 2.5rem;
}

/* Heading left, text right. */
.gmp-web-headsplit {
	gap: var(--gmp-gap);
}
.gmp-web-headsplit .wp-block-column {
	min-width: 0;
}
.gmp-web-headsplit h2 {
	font-size: var(--wp--preset--font-size--xx-large);
	margin-block-end: 0;
}

/* Full-width photo / illustration under a heading row. */
.gmp-web-wide img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* Icon bullets (hub, layout18). */
.gmp-web-bullets {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-block-start: 2rem;
}
.gmp-web-bullets > * {
	margin: 0 !important;
}
.gmp-web-bullet {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
.gmp-web-bullet > * {
	margin: 0 !important;
}
.gmp-icon-xs img {
	width: 1.5rem;
	height: 1.5rem;
	object-fit: contain;
}

/* Tinted inset panel inside a section (Webflow color-scheme-4 boxes). */
.gmp-web-panel {
	background: var(--wp--preset--color--tint);
	padding: clamp(2rem, 1rem + 4vw, 7rem);
}
.gmp-web-panel-narrow {
	max-width: 56rem;
	margin-inline: auto;
	padding-inline: clamp(1.5rem, 1rem + 3vw, 6rem);
}
.gmp-section__inner > .gmp-web-panel {
	margin-inline: auto;
}
.gmp-section__inner > .wp-block-image + .gmp-web-panel {
	max-width: 56rem;
}
.gmp-web-panel > * + * {
	margin-block-start: clamp(2rem, 1rem + 2vw, 3rem);
}

/* Hero on a tinted panel (Technical SEO, header46). */
.gmp-web-hero-panel .gmp-section__inner {
	background: var(--wp--preset--color--tint);
	padding: clamp(2.5rem, 1rem + 5vw, 6rem) clamp(1.5rem, 1rem + 2vw, 2.5rem);
}
.gmp-web-hero-panel .gmp-hero__copy {
	max-width: 48rem;
}
.gmp-web-hero-panel h1 {
	font-size: var(--wp--preset--font-size--display);
}
.gmp-web-hero-panel.gmp-section {
	padding-block: 0 var(--gmp-pad-medium);
}

/* Building New Websites: photo hero keeps the therapist's face in frame. */
.gmp-web-hero-pt .wp-block-cover__image-background {
	object-position: 50% 15%;
}
.gmp-web-hero-pt .gmp-hero__copy {
	max-width: 46rem;
}
.gmp-web-hero-pt.wp-block-cover {
	min-height: 37.5rem !important;
	align-items: center;
}

/* AI Employees hero: bold H1 and a shadowed photo, as on Webflow. */
.gmp-web-hero-ai h1 {
	font-weight: 700;
	margin-block-end: 1rem;
}
.gmp-web-hero-ai .wp-block-buttons {
	margin-block-start: 1.5rem;
}
.gmp-web-shadow img {
	box-shadow: 0 12px 32px rgba(0, 8, 11, 0.18);
}

/* Conversion Optimization: the strategies grid uses Webflow's H4 size. */
.gmp-web-strategies .gmp-feature__title {
	font-size: var(--wp--preset--font-size--xx-large);
}
.gmp-web-strategies .gmp-feature p {
	font-size: var(--wp--preset--font-size--small);
}
.gmp-web-still {
	margin-block-start: var(--gmp-pad-medium) !important;
}
.gmp-web-still h3 {
	font-size: var(--wp--preset--font-size--xx-large);
	margin-block: 0 0.5rem;
}
.gmp-web-still .wp-block-buttons {
	margin-block-start: 1.5rem;
}

/* AI Employees: wide "Test it free" button. */
.gmp-web-btn-wide .wp-block-button__link {
	min-width: 14rem;
}

/* Title-only minis (Technical SEO) need no gap under the title. */
.gmp-mini > .gmp-mini__title:last-child {
	margin-block-end: 0 !important;
}

/* Technical SEO: the fixes section follows the same gray band. */
.gmp-web-tight-top.gmp-section {
	padding-block-start: 0;
}

/* Left-aligned CTA band (Technical SEO, cta3). */
.gmp-cta-band .gmp-web-cta-left {
	text-align: left;
	max-width: none;
	margin-inline: 0;
}
.gmp-cta-band .gmp-web-cta-left .wp-block-buttons {
	justify-content: flex-start;
}

@media (max-width: 781px) {
	.gmp-web-headsplit {
		gap: 1rem;
	}
	.gmp-web-wide img {
		aspect-ratio: 4 / 3;
	}
	.gmp-web-hero-pt.wp-block-cover {
		min-height: 0 !important;
	}
}

/* A wide image directly in a section: keep the section's rhythm
   (.gmp-section .wp-block-image zeroes the margin). */
.gmp-section__inner > .wp-block-image.gmp-web-wide {
	margin-block-start: clamp(2rem, 1rem + 2vw, 3rem);
}

/* Centered intro text: the lead paragraph has a max-width, so center it. */
.gmp-web-still > p,
.gmp-web-strategies .gmp-intro > p,
.gmp-web-faq .gmp-intro > p,
.gmp-web-panel .gmp-intro > p {
	margin-inline: auto;
}

/* Photo focal points. */
.gmp-web-pos-left img {
	object-position: 25% 50%;
}
.gmp-web-cta-top40 .wp-block-cover__image-background {
	object-position: 50% 40%;
}

/* Illustration shown smaller, as on Webflow (AI Employees, Proven Results). */
.gmp-web-illus {
	max-width: 26rem;
	margin-inline: auto !important;
}