/**
 * Native Elementor SEO landing pages:
 * - UTM Naming Convention
 * - QR Code Tracking
 * - UTM Strategy
 *
 * Content, structure, responsive directions, widths, typography, colors,
 * spacing and links remain editable through their Elementor controls. This
 * file only supplies shared presentation details and interaction polish.
 */

.utm-theme-style-seo-pages {
	--utmseo-teal: #026868;
	--utmseo-teal-dark: #014f4f;
	--utmseo-orange: #ee6b00;
	--utmseo-navy: #1e293b;
	--utmseo-slate: #475569;
	--utmseo-line: #dbe5ec;
}

.utm-theme-style-seo-pages .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

.utm-theme-style-seo-pages .utmseo-accent {
	color: var(--utmseo-teal);
}

.utm-theme-style-seo-pages .utmseo-hero {
	overflow: hidden;
}

.utm-theme-style-seo-pages .utmseo-hero-image img {
	display: block;
	width: 100%;
}

.utm-theme-style-seo-pages .elementor-widget-button .elementor-button {
	min-height: 50px;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.utm-theme-style-seo-pages .elementor-widget-button .elementor-button:hover,
.utm-theme-style-seo-pages .elementor-widget-button .elementor-button:focus-visible,
.utm-theme-style-seo-pages .elementor-widget-button .elementor-button:hover,
.utm-theme-style-seo-pages .elementor-widget-button .elementor-button:focus-visible,
.utm-theme-style-seo-pages .elementor-widget-button .elementor-button:hover,
.utm-theme-style-seo-pages .elementor-widget-button .elementor-button:focus-visible {
	transform: translateY(-1px);
}

.utm-theme-style-seo-pages .utmseo-stat:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.22);
}

.utm-theme-style-seo-pages .utmseo-card,
.utm-theme-style-seo-pages .utmseo-related-card,
.utm-theme-style-seo-pages .utmseo-card,
.utm-theme-style-seo-pages .utmseo-related-card,
.utm-theme-style-seo-pages .utmseo-card,
.utm-theme-style-seo-pages .utmseo-related-card {
	height: 100%;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.utm-theme-style-seo-pages .utmseo-card:hover,
.utm-theme-style-seo-pages .utmseo-related-card:hover,
.utm-theme-style-seo-pages .utmseo-card:hover,
.utm-theme-style-seo-pages .utmseo-related-card:hover,
.utm-theme-style-seo-pages .utmseo-card:hover,
.utm-theme-style-seo-pages .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);
}

.utm-theme-style-seo-pages .utmseo-card-label {
	width: fit-content;
}

.utm-theme-style-seo-pages .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;
}

.utm-theme-style-seo-pages .utmseo-step-number {
	width: 36px;
}

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

.utm-theme-style-seo-pages .utmseo-example-box {
	overflow-wrap: anywhere;
}

.utm-theme-style-seo-pages .utmseo-example-values span {
	color: #79d9ce;
}

.utm-theme-style-seo-pages .utmseo-example-values strong {
	color: #ffad68;
}

.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__items {
	display: grid;
	gap: 12px;
}

.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__item {
	padding: 0 22px;
	border: 1px solid var(--utmseo-line);
	border-radius: 14px;
	background: #fff;
}

.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger {
	padding: 20px 0 !important;
	transition: color 160ms ease;
}

.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger:hover,
.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger:focus-visible,
.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger:hover,
.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger:focus-visible,
.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger:hover,
.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__trigger:focus-visible {
	color: var(--utmseo-teal) !important;
}

.utm-theme-style-seo-pages .utmseo-faq-widget .pom-faq-builder__answer a {
	color: var(--utmseo-teal);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

@media (max-width: 1024px) {
	.utm-theme-style-seo-pages [class*="utm4211"],
	.utm-theme-style-seo-pages [class*="utm4212"],
	.utm-theme-style-seo-pages [class*="utm4221"] {
		padding-inline: 5%;
	}

	.utm-theme-style-seo-pages .utmseo-stat:nth-child(2) {
		border-right: 0;
	}
}

@media (max-width: 767px) {
	.utm-theme-style-seo-pages .elementor-widget-button,
	.utm-theme-style-seo-pages .elementor-widget-button .elementor-button-wrapper,
	.utm-theme-style-seo-pages .elementor-widget-button .elementor-button,
	.utm-theme-style-seo-pages .elementor-widget-button,
	.utm-theme-style-seo-pages .elementor-widget-button .elementor-button-wrapper,
	.utm-theme-style-seo-pages .elementor-widget-button .elementor-button,
	.utm-theme-style-seo-pages .elementor-widget-button,
	.utm-theme-style-seo-pages .elementor-widget-button .elementor-button-wrapper,
	.utm-theme-style-seo-pages .elementor-widget-button .elementor-button {
		width: 100%;
	}

	.utm-theme-style-seo-pages .utmseo-stat {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	}

	.utm-theme-style-seo-pages .utmseo-stat:last-child {
		border-bottom: 0;
	}

	.utm-theme-style-seo-pages .utmseo-hero-proof .elementor-icon-list-items {
		display: grid;
		gap: 9px;
	}
}
