/* Floating WhatsApp CTA
--------------------------------------------- */

.artek-whatsapp-cta {
	position: fixed;
	z-index: 9999;
	right: 20px;
	bottom: 20px;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	color: var(--white, #fff);
	background: #25d366;
	border-radius: 999px;
	box-shadow: var(--shadow-lg, 0 12px 32px rgba(15, 23, 42, 0.18));
	text-decoration: none;
	transition:
		transform var(--duration-medium, 200ms) var(--ease-standard, ease),
		background-color var(--duration-medium, 200ms) var(--ease-standard, ease),
		opacity var(--duration-medium, 200ms) var(--ease-standard, ease),
		visibility var(--duration-medium, 200ms) var(--ease-standard, ease);
}

.artek-whatsapp-cta:hover,
.artek-whatsapp-cta:focus-visible {
	color: var(--white, #fff);
	background: #1ebe57;
	transform: translateY(-2px) scale(1.04);
}

.artek-whatsapp-cta:focus-visible {
	outline: 2px solid var(--primary-500, #2563eb);
	outline-offset: 3px;
}

.artek-whatsapp-cta__icon {
	display: grid;
	place-items: center;
	line-height: 0;
}

.artek-whatsapp-cta__icon svg {
	display: block;
	width: 28px;
	height: 28px;
}

/* Hide while mobile navigation drawer is open. */
body.artek-menu-open .artek-whatsapp-cta {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@media (min-width: 640px) {
	.artek-whatsapp-cta {
		right: 28px;
		bottom: 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.artek-whatsapp-cta {
		transition: none;
	}

	.artek-whatsapp-cta:hover,
	.artek-whatsapp-cta:focus-visible {
		transform: none;
	}
}