/**
 * Floating WhatsApp + phone — bottom-left, RTL-safe physical positioning.
 */

.mashkanta-floating-contact {
	position: fixed;
	left: max(16px, env(safe-area-inset-left, 0px));
	bottom: max(16px, env(safe-area-inset-bottom, 0px));
	z-index: 10040;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	direction: ltr;
	pointer-events: none;
}

.mashkanta-floating-contact__btn {
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	text-decoration: none;
	box-shadow: 0 4px 16px rgba(1, 48, 74, 0.2), 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

.mashkanta-floating-contact__btn:focus {
	outline: none;
}

.mashkanta-floating-contact__btn:focus-visible {
	outline: 3px solid #d5a85f;
	outline-offset: 3px;
}

.mashkanta-floating-contact__btn:hover {
	transform: translateY(-2px) scale(1.04);
	box-shadow: 0 8px 24px rgba(1, 48, 74, 0.28), 0 4px 10px rgba(0, 0, 0, 0.1);
}

.mashkanta-floating-contact__btn:active {
	transform: translateY(0) scale(0.98);
}

.mashkanta-floating-contact__btn--whatsapp {
	background-color: #25d366;
	color: #fff;
}

.mashkanta-floating-contact__btn--whatsapp:hover {
	background-color: #1fb855;
	color: #fff;
}

.mashkanta-floating-contact__btn--phone {
	background-color: #01304a;
	color: #d5a85f;
}

.mashkanta-floating-contact__btn--phone:hover {
	background-color: #024568;
	color: #fff;
}

.mashkanta-floating-contact__icon {
	display: block;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	body.mashkanta-landing-page .mashkanta-floating-contact {
		bottom: calc(88px + env(safe-area-inset-bottom, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.mashkanta-floating-contact__btn {
		transition: none;
	}

	.mashkanta-floating-contact__btn:hover,
	.mashkanta-floating-contact__btn:active {
		transform: none;
	}
}