/* ==========================================================================
   Websults — Hero Section Styles
   ========================================================================== */

/* --------------------------------------------------------------------------
   Heading colour & size fixes (absent from Divi CSS cache)
   -------------------------------------------------------------------------- */
body.page-id-12 .et_pb_text_0 h1 {
	color: #ffffff !important;
	font-size: 50px !important;
	line-height: 1.2em !important;
}

body.page-id-12 .et_pb_text_0 h2 {
	color: #faa747 !important;
	font-size: 50px !important;
	line-height: 1.2em !important;
}

@media ( max-width: 980px ) {
	body.page-id-12 .et_pb_text_0 h1,
	body.page-id-12 .et_pb_text_0 h2 {
		font-size: 36px !important;
	}
}

@media ( max-width: 767px ) {
	body.page-id-12 .et_pb_text_0 h1,
	body.page-id-12 .et_pb_text_0 h2 {
		font-size: 28px !important;
	}
}

/* --------------------------------------------------------------------------
   CTA group: button + tagline side-by-side
   -------------------------------------------------------------------------- */
.pcg-cta-group {
	display: flex;
	align-items: center;
	gap: 80px;
	flex-wrap: nowrap;
}

/* Keep button wrapper from shrinking */
.pcg-cta-group .et_pb_button_0_wrapper {
	flex-shrink: 0;
}

/* Prevent button text wrapping + more padding (normal + hover) */
.pcg-cta-group a.et_pb_button_0,
.pcg-cta-group a.et_pb_button_0:hover {
	white-space: nowrap !important;
	padding-top: 22px !important;
	padding-bottom: 22px !important;
	padding-left: 60px !important;
	padding-right: 60px !important;
}

/* --------------------------------------------------------------------------
   Tagline: hidden by default, slides up on button hover
   -------------------------------------------------------------------------- */
.pcg-cta-group .et_pb_text_2 {
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0;
	transform: translateY( 14px );
	transition: opacity 0.4s ease, transform 0.4s ease;
	pointer-events: none;
}

.pcg-cta-group .et_pb_text_2 .et_pb_text_inner {
	line-height: 1.25em !important;
}

.pcg-cta-group .et_pb_text_2 p {
	line-height: 1.25em !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

/* Visible state — toggled by JS */
.pcg-cta-group .et_pb_text_2.pcg-tagline-visible {
	opacity: 1;
	transform: translateY( 0 );
	pointer-events: auto;
}

/* --------------------------------------------------------------------------
   Mobile: disable hover effect, restore normal stacked layout
   -------------------------------------------------------------------------- */
@media ( max-width: 980px ) {
	.pcg-cta-group {
		display: block;
	}

	.pcg-cta-group a.et_pb_button_0,
	.pcg-cta-group a.et_pb_button_0:hover {
		white-space: normal !important;
		padding-top: 2% !important;
		padding-bottom: 2% !important;
		padding-left: 8% !important;
		padding-right: 8% !important;
	}

	/* Always show tagline below the button — no hover needed */
	.pcg-cta-group .et_pb_text_2,
	.pcg-cta-group .et_pb_text_2.pcg-tagline-visible {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		pointer-events: auto !important;
		margin-top: 16px !important;
		padding: 0 !important;
	}
}