/* Floating WhatsApp button — sitewide, RTL-safe, not an inline PDP CTA */

#loria-floating-whatsapp {
	position: fixed;
	bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	inset-inline-end: calc(24px + env(safe-area-inset-inline-end, 0px));
	inset-inline-start: auto;
	background: #25D366;
	color: #fff;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
	z-index: 100000;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
	text-decoration: none;
}

#loria-floating-whatsapp.loria-floating-whatsapp--start {
	inset-inline-end: auto;
	inset-inline-start: calc(24px + env(safe-area-inset-inline-start, 0px));
}

#loria-floating-whatsapp:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
	color: #fff;
	text-decoration: none;
}

#loria-floating-whatsapp:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
	box-shadow: 0 0 0 3px #25D366;
}

#loria-floating-whatsapp .loria-wa-icon {
	width: 30px;
	height: 30px;
}

@media (max-width: 767px) {
	#loria-floating-whatsapp {
		width: 50px;
		height: 50px;
	}

	#loria-floating-whatsapp .loria-wa-icon {
		width: 26px;
		height: 26px;
	}

	#loria-floating-whatsapp.loria-floating-whatsapp--desktop {
		display: none !important;
	}
}

@media (min-width: 768px) {
	#loria-floating-whatsapp.loria-floating-whatsapp--mobile {
		display: none !important;
	}
}