/* The floating WhatsApp button. Own file, loaded after main.css
   by inc/contact.php, so it ships on its own. */

/* Floating WhatsApp. Sits under the menu (60) and the filter sheet (80) in z-order and
   disappears entirely while either is open. */
.uy-wa {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 55;
	display: inline-flex;
	align-items: center;
	gap: 0;
	min-width: 56px;
	height: 56px;
	padding: 0 15px;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	transition: gap 0.25s var(--ease), padding 0.25s var(--ease), transform 0.25s var(--ease);
}
.uy-wa:hover,
.uy-wa:focus-visible { color: #fff; gap: 10px; padding-right: 20px; transform: translateY(-2px); }
.uy-wa__label {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	font-family: var(--display);
	font-size: 1.0625rem;
	font-weight: 600;
	transition: max-width 0.25s var(--ease);
}
.uy-wa:hover .uy-wa__label,
.uy-wa:focus-visible .uy-wa__label { max-width: 120px; }
body.is-locked .uy-wa { display: none; }
@media (max-width: 640px) {
	.uy-wa { right: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.uy-wa, .uy-wa__label { transition: none; }
}