/*
 * Extreme Property Recovery — landing page components.
 * Elementor handles layout; this file covers pieces Elementor can't:
 * sticky mobile call bar, phone-link emphasis, form polish.
 */

/* Phone links rendered by [epr_phone_link] */
.epr-phone-link {
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
}

/* Sticky click-to-call bar — mobile only, the #1 converter for urgent services.
   Add <div class="epr-sticky-call">[epr_phone_link]</div> via an Elementor HTML
   widget in the footer template, or leave it out per-page. */
.epr-sticky-call {
	display: none;
}

@media (max-width: 767px) {
	.epr-sticky-call {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
		text-align: center;
		background: var(--e-global-color-primary, #b91c1c);
	}

	.epr-sticky-call .epr-phone-link {
		color: #fff;
		font-size: 1.15rem;
	}

	/* Stop the bar covering page-bottom content */
	body.epr-has-sticky-call {
		padding-bottom: 64px;
	}
}