/**
 * Diamond GVT — floating WhatsApp badge (site palette: gold + dark brown).
 */

.diamond-whatsapp-badge {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 999999;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px 12px 14px;
	border-radius: 999px;
	background: linear-gradient(145deg, #25d366 0%, #128c7e 100%);
	border: 2px solid #d4b896;
	box-shadow:
		0 8px 28px rgba(34, 27, 23, 0.28),
		0 0 0 1px rgba(212, 184, 150, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
	color: #fff;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	letter-spacing: 0.02em;
	isolation: isolate;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.diamond-whatsapp-badge:hover,
.diamond-whatsapp-badge:focus-visible {
	color: #fff;
	text-decoration: none;
	transform: translateY(-3px);
	border-color: #ece3d9;
	box-shadow:
		0 12px 36px rgba(34, 27, 23, 0.34),
		0 0 0 2px rgba(212, 184, 150, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.diamond-whatsapp-badge:focus-visible {
	outline: 2px solid #d4b896;
	outline-offset: 3px;
}

.diamond-whatsapp-badge__ring {
	position: absolute;
	inset: -6px;
	border-radius: 999px;
	border: 1px solid rgba(212, 184, 150, 0.45);
	opacity: 0;
	animation: diamond-whatsapp-pulse 2.8s ease-out infinite;
	pointer-events: none;
}

.diamond-whatsapp-badge__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
	flex-shrink: 0;
}

.diamond-whatsapp-badge__icon svg {
	display: block;
}

.diamond-whatsapp-badge__text {
	white-space: nowrap;
	padding-right: 2px;
}

@keyframes diamond-whatsapp-pulse {
	0% {
		transform: scale(1);
		opacity: 0.55;
	}

	70% {
		transform: scale(1.14);
		opacity: 0;
	}

	100% {
		transform: scale(1.14);
		opacity: 0;
	}
}

@media (max-width: 767px) {
	.diamond-whatsapp-badge {
		right: 16px;
		bottom: 16px;
		padding: 0;
		width: 56px;
		height: 56px;
		justify-content: center;
		border-radius: 50%;
	}

	.diamond-whatsapp-badge__text {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.diamond-whatsapp-badge__icon {
		width: 30px;
		height: 30px;
		background: transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.diamond-whatsapp-badge,
	.diamond-whatsapp-badge__ring {
		animation: none;
		transition: none;
	}
}