/**
 * Page Intro — Standardised intro block after hero sections.
 *
 * Overline + heading + body text, centered by default.
 * BEM block: .page-intro
 *
 * @package BuryGolfClub
 * @since   1.0.0
 */

/* ========================================================================
   Page Intro — Container
   ======================================================================== */

.page-intro {
	padding-block: clamp(2rem, 4vw, 3rem);
	background-color: var(--wp--preset--color--cream);
	text-align: center;
}

.page-intro__inner {
	max-width: var(--wp--style--global--wide-size, 90rem);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--30);
}

/* ========================================================================
   Page Intro — Overline
   ======================================================================== */

.page-intro__overline {
	display: block;
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(0.625rem, 0.5vw + 0.5rem, 0.75rem);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
	color: var(--wp--preset--color--gold);
	margin-bottom: var(--wp--preset--spacing--20);
}

/* ========================================================================
   Page Intro — Heading
   ======================================================================== */

.page-intro__heading {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.25rem, 3.5vw + 1rem, 4.5rem);
	font-weight: 400;
	line-height: 1.1;
	color: var(--wp--preset--color--primary);
	margin-bottom: var(--wp--preset--spacing--30);
}

/* ========================================================================
   Page Intro — Body Text
   ======================================================================== */

.page-intro__text {
	max-width: 44.25rem;
	margin-inline: auto;
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(0.9375rem, 0.5vw + 0.8125rem, 1.0625rem);
	font-weight: 300;
	line-height: 1.7;
	color: var(--wp--preset--color--text-secondary);
}

.page-intro__text p {
	margin-bottom: var(--wp--preset--spacing--20);
}

.page-intro__text p:last-child {
	margin-bottom: 0;
}

/* ========================================================================
   Variant — Left Aligned
   ======================================================================== */

.page-intro--left {
	text-align: left;
}

.page-intro--left .page-intro__text {
	margin-inline: 0;
}

/* ========================================================================
   Responsive — Desktop
   ======================================================================== */

@media (min-width: 64rem) {
	.page-intro {
		padding-block: clamp(2rem, 4vw, 3rem);
	}
}