/**
 * Native Elementor content-cluster pages:
 * - UTM Parameters
 * - UTM Examples
 * - Campaign Tracking
 * - UTM Reporting
 *
 * Layout, copy, spacing, colors and links remain editable in Elementor. This
 * file contains shared presentation details that should not live in widgets.
 */

.elementor .utmcontent-page {
	--utmcontent-teal: #026868;
	--utmcontent-teal-dark: #014f4f;
	--utmcontent-orange: #ee6b00;
	--utmcontent-navy: #1e293b;
	--utmcontent-slate: #475569;
	--utmcontent-line: #dbe5ec;
}

.elementor .utmcontent-page .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

.elementor .utmcontent-page .utmseo-accent {
	color: var(--utmcontent-teal);
}

.elementor .utmcontent-page.utmseo-hero {
	overflow: hidden;
}

.elementor .utmcontent-page .utmseo-hero-image img {
	display: block;
	width: 100%;
}

.elementor .utmcontent-page .elementor-widget-button .elementor-button {
	min-height: 50px;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.elementor .utmcontent-page .elementor-widget-button .elementor-button:hover,
.elementor .utmcontent-page .elementor-widget-button .elementor-button:focus-visible {
	transform: translateY(-1px);
}

.elementor .utmcontent-page.utmseo-stats .utmseo-stat:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.22);
}

.elementor .utmcontent-page .utmseo-card,
.elementor .utmcontent-page .utmseo-related-card {
	height: 100%;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.elementor .utmcontent-page .utmseo-card:hover,
.elementor .utmcontent-page .utmseo-related-card:hover {
	border-color: rgba(2, 104, 104, 0.45);
	box-shadow: 0 16px 36px rgba(30, 41, 59, 0.09);
	transform: translateY(-2px);
}

.elementor .utmcontent-page .utmseo-card-label {
	width: fit-content;
}

.elementor .utmcontent-page .utmseo-card-label .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 36px;
	padding: 7px 10px;
	border-radius: 10px;
	background: #e6f3f2;
}

.elementor .utmcontent-page .utmseo-step-number {
	width: 36px;
}

.elementor .utmcontent-page .utmseo-step-number .elementor-heading-title {
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border-radius: 50%;
	background: var(--utmcontent-orange);
}

.elementor .utmcontent-page .utmseo-example-box {
	overflow-wrap: anywhere;
}

.elementor .utmcontent-page .utmseo-example-values span {
	color: #79d9ce;
}

.elementor .utmcontent-page .utmseo-example-values strong {
	color: #ffad68;
}

.elementor .utmcontent-page .utmseo-faq-widget .pom-faq-builder__items {
	display: grid;
	gap: 12px;
}

.elementor .utmcontent-page .utmseo-faq-widget .pom-faq-builder__item {
	padding: 0 22px;
	border: 1px solid var(--utmcontent-line);
	border-radius: 14px;
	background: #fff;
}

.elementor .utmcontent-page .utmseo-faq-widget .pom-faq-builder__trigger {
	padding: 20px 0 !important;
	transition: color 160ms ease;
}

.elementor .utmcontent-page .utmseo-faq-widget .pom-faq-builder__trigger:hover,
.elementor .utmcontent-page .utmseo-faq-widget .pom-faq-builder__trigger:focus-visible {
	color: var(--utmcontent-teal) !important;
}

.elementor .utmcontent-page .utmseo-faq-widget .pom-faq-builder__answer a {
	color: var(--utmcontent-teal);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

@media (max-width: 1024px) {
	.elementor .utmcontent-page {
		padding-inline: 5%;
	}

	.elementor .utmcontent-page.utmseo-stats .utmseo-stat:nth-child(2) {
		border-right: 0;
	}
}

@media (max-width: 767px) {
	.elementor .utmcontent-page .elementor-widget-button,
	.elementor .utmcontent-page .elementor-widget-button .elementor-button-wrapper,
	.elementor .utmcontent-page .elementor-widget-button .elementor-button {
		width: 100%;
	}

	.elementor .utmcontent-page.utmseo-stats .utmseo-stat {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	}

	.elementor .utmcontent-page.utmseo-stats .utmseo-stat:last-child {
		border-bottom: 0;
	}

	.elementor .utmcontent-page .utmseo-hero-proof .elementor-icon-list-items {
		display: grid;
		gap: 9px;
	}
}