/* Chat Frontend Buttons */
.wc-wallet-whatsapp-float,
.wc-wallet-telegram-float {
	position: fixed;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	z-index: 9999;
}

.wc-wallet-whatsapp-float:hover,
.wc-wallet-telegram-float:hover {
	transform: scale(1.1);
	text-decoration: none !important;
	color: #fff !important;
}

.wc-wallet-whatsapp-float {
	background-color: #25d366;
	bottom: 20px;
}

.wc-wallet-whatsapp-float:hover {
	background-color: #1ea855;
	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}

.wc-wallet-telegram-float {
	background-color: #0088cc;
	bottom: 80px; /* Positioned above WhatsApp if both are enabled */
}

.wc-wallet-telegram-float:hover {
	background-color: #0077b3;
	box-shadow: 0 4px 12px rgba(0, 136, 204, 0.4);
}

/* Position classes */
.wc-wallet-whatsapp-float.bottom-right,
.wc-wallet-telegram-float.bottom-right {
	right: 20px;
}

.wc-wallet-whatsapp-float.bottom-left,
.wc-wallet-telegram-float.bottom-left {
	left: 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wc-wallet-whatsapp-float,
	.wc-wallet-telegram-float {
		width: 45px;
		height: 45px;
	}

	.wc-wallet-whatsapp-float.bottom-right,
	.wc-wallet-telegram-float.bottom-right {
		right: 15px;
	}

	.wc-wallet-whatsapp-float.bottom-left,
	.wc-wallet-telegram-float.bottom-left {
		left: 15px;
	}
}

/* Accessibility improvements */
.wc-wallet-whatsapp-float:focus,
.wc-wallet-telegram-float:focus {
	outline: 2px solid #005fcc;
	outline-offset: 2px;
}