/*
 * SEO/conversion enhancements (T13).
 * Intentionally a plain stylesheet served from /public so it does not require a
 * Vite/Node build to take effect. Fold into resources/sass/app.scss later if desired.
 */

/* ---- Primary "Get a Quote" call-to-action band ---- */
.quote-cta {
	background: #f5f3f0;
	border-top: 1px solid #e6e1d8;
	border-bottom: 1px solid #e6e1d8;
	padding: 40px 15px;
	text-align: center;
}
.quote-cta h3 {
	margin: 0 0 8px;
	font-size: 26px;
}
.quote-cta p {
	margin: 0 0 20px;
	font-size: 16px;
	color: #555;
}
.quote-cta .quote-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.btn-quote,
.btn-quote-secondary {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 4px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.2;
}
.btn-quote {
	background: #2e7d32;
	color: #fff;
}
.btn-quote:hover,
.btn-quote:focus {
	background: #256528;
	color: #fff;
	text-decoration: none;
}
.btn-quote-secondary {
	background: #fff;
	color: #2b2b2b;
	border: 2px solid #cfc9bd;
}
.btn-quote-secondary:hover,
.btn-quote-secondary:focus {
	border-color: #2e7d32;
	color: #2e7d32;
	text-decoration: none;
}

/* ---- "Leave us a Google review" call-to-action band ---- */
.review-cta {
	background: #fff;
	border-top: 1px solid #e6e1d8;
	border-bottom: 1px solid #e6e1d8;
	padding: 40px 15px;
	text-align: center;
}
.review-cta-stars {
	color: #fbbc04;
	font-size: 22px;
	letter-spacing: 3px;
	margin-bottom: 10px;
}
.review-cta h3 {
	margin: 0 0 8px;
	font-size: 26px;
}
.review-cta p {
	margin: 0 auto 20px;
	max-width: 620px;
	font-size: 16px;
	color: #555;
}
.btn-review {
	display: inline-block;
	padding: 13px 28px;
	border-radius: 4px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.2;
	background: #2e7d32;
	color: #fff;
}
.btn-review:hover,
.btn-review:focus {
	background: #256528;
	color: #fff;
	text-decoration: none;
}
.btn-review i {
	margin-right: 8px;
}

/* ---- Header "Request a Free Quote" button (tablet/desktop) ---- */
.header-quote-btn {
	display: inline-block;
	background: #2e7d32;
	color: #fff !important;
	padding: 4px 14px;
	border-radius: 3px;
	font-weight: 700;
}
.header-quote-btn:hover,
.header-quote-btn:focus {
	background: #256528;
	text-decoration: none;
}

/* ---- Sticky mobile click-to-call / quote bar ---- */
.sticky-cta-bar {
	display: none;
}
@media (max-width: 767px) {
	.sticky-cta-bar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1030;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18);
	}
	.sticky-cta-bar a {
		flex: 1 1 0;
		padding: 14px 8px;
		text-align: center;
		font-weight: 700;
		font-size: 15px;
		color: #fff;
		text-decoration: none;
	}
	.sticky-cta-bar .sticky-cta-call {
		background: #2e7d32;
	}
	.sticky-cta-bar .sticky-cta-quote {
		background: #37474f;
	}
	.sticky-cta-bar a i {
		margin-right: 6px;
	}
	/* Keep the fixed bar from covering page content / footer. */
	body {
		padding-bottom: 52px;
	}
}
