/* Sticky mobile call / WhatsApp / quote bar.
   Moved out of consumer/cpc.css on 2026-09-22 so it can load on freight pages
   too (inc/consumer.php: si_sticky_cta_wanted()). Tokens come from
   consumer/tokens.css, which every page loads. */

/* ── Sticky mobile CTA ────────────────────────────────────────────── */
.sm-sticky-cta {
	display: none;
}
@media (max-width: 720px) {
	.sm-sticky-cta {
		display: flex;
		gap: 0.5rem;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom, 0px));
		background: var(--sm-navy);
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.18);
		z-index: 100;
	}
	.sm-sticky-cta__primary {
		flex: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		background: var(--sm-green);
		color: var(--sm-navy);
		font-family: var(--sm-font-display);
		font-weight: 700;
		font-size: 0.9375rem;
		padding: 0.85rem 1rem;
		border-radius: var(--sm-radius-pill);
		text-decoration: none;
		min-height: 44px;
	}
	.sm-sticky-cta__primary:hover { background: var(--sm-green-dark); }
	.sm-sticky-cta__secondary {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		min-width: 44px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.12);
		color: #fff;
		text-decoration: none;
	}
	.sm-sticky-cta__secondary:hover { background: rgba(255, 255, 255, 0.22); }
	.sm-sticky-cta__whatsapp { background: #25D366; color: #fff; }
	/* Leave room under the footer for the bar */
	body { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
	/* The bar carries quote + WhatsApp + call, so the floating WhatsApp button
	   would double up in the same corner. Both rules used to sit in cpc.css,
	   which freight pages do not load — they showed two WhatsApp buttons. */
	.sm-intent-fab { display: none; }
}