/**
 * Floating "Inquire" button (template-parts/floating-inquire-button.php)
 * -- present on every front-end page (included once from footer.php, not
 * a per-page component), so this is loaded globally like tokens.css/
 * hero.css rather than gated behind an is_page() check. Per the client's
 * explicit request: an Inquire button reachable from anywhere on any
 * page without scrolling. Bare-element rules scoped, same reason as
 * everywhere else in this theme (see footer.css).
 */

.cwf-floating-inquire {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 1000; /* above ordinary page content, below the header (1111)
	                  and the fullscreen nav overlay (2000) so neither
	                  ever renders underneath this */
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 22px;
	background: var(--color-primary);
	color: var(--color-black);
	font-family: var(--font-nav-submenu);
	font-size: 16px;
	font-weight: var(--fw-button);
	text-decoration: none;
	border-radius: 999px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cwf-floating-inquire:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
.cwf-floating-inquire__icon {
	flex: none;
	width: 18px;
	height: 18px;
}

@media (max-width: 600px) {
	.cwf-floating-inquire {
		right: 16px;
		bottom: 16px;
		padding: 12px 18px;
		font-size: 15px;
	}
	.cwf-floating-inquire span {
		display: none; /* icon-only pill on small screens -- keeps it out
		                  of the way of thumb-reachable content below it */
	}
	.cwf-floating-inquire {
		padding: 14px;
		border-radius: 50%;
	}
	.cwf-floating-inquire__icon {
		width: 20px;
		height: 20px;
	}
}