/**
 * Turbo — زر واتساب العائم.
 * خصائص منطقية فقط (inset-inline-*) — RTL آمن بلا خلط فيزيائي/منطقي.
 */

.turbo-wa-float {
	position: fixed;
	bottom: 18px;
	inset-inline-end: 18px;
	z-index: 9999;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	inline-size: 56px;
	block-size: 56px;

	color: #fff;
	background: #25d366;
	border-radius: 50%;
	box-shadow: 0 4px 14px rgb(0 0 0 / 28%);

	transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.turbo-wa-float:hover,
.turbo-wa-float:focus-visible {
	color: #fff;
	background: #1ebe5d;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgb(0 0 0 / 32%);
}

.turbo-wa-float:focus-visible {
	outline: 2px solid #128c7e;
	outline-offset: 2px;
}

.turbo-wa-float svg {
	display: block;
}

@media (max-width: 480px) {
	.turbo-wa-float {
		bottom: 14px;
		inset-inline-end: 14px;
		inline-size: 50px;
		block-size: 50px;
	}

	.turbo-wa-float svg {
		inline-size: 26px;
		block-size: 26px;
	}
}

@media print {
	.turbo-wa-float {
		display: none;
	}
}