/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 22 2026 | 17:34:39 */
.trk-wa-float{
	position:fixed;
	right:24px;          /* يمين ثابت */
	left:auto;
	bottom:24px;
	z-index:9990;
	width:55px;height:55px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	background:#7A1E2C;             /* النبيتي = خلفية الدايرة */
	color:#fff;                    /* لون الأيقونة */
	text-decoration:none!important;
	animation:trkWaFloat 2.8s ease-in-out infinite, trkWaGlow 2.4s ease-in-out infinite;
	transition:transform .3s ease, background .3s ease;
	will-change:transform;
}
.trk-wa-float svg{
	width:25px;height:34px;
	transition:transform .5s ease;
}
.trk-wa-float:hover{background:#561420}
.trk-wa-float:hover svg{transform:rotate(360deg)}
.trk-wa-float,.trk-wa-float:hover{color:#fff}

/* الطفو اللطيف */
@keyframes trkWaFloat{
	0%,100%{transform:translateY(0)}
	50%{transform:translateY(-7px)}
}

/* الهالة النبيتي الدايبة النابضة (glow) */
@keyframes trkWaGlow{
	0%,100%{box-shadow:0 0 12px 2px rgba(122,30,44,.45), 0 0 26px 6px rgba(122,30,44,.25)}
	50%{box-shadow:0 0 22px 6px rgba(122,30,44,.65), 0 0 44px 14px rgba(122,30,44,.35)}
}

@media(max-width:600px){
	.trk-wa-float{
		right:14px;left:auto;
		bottom:60px;          /* مرفوعة فوق منيو الموبايل السفلي */
		width:50px;height:50px;
	}
	.trk-wa-float svg{width:27px;height:27px}
}

@media(prefers-reduced-motion:reduce){
	.trk-wa-float{animation:none;box-shadow:0 0 18px 4px rgba(122,30,44,.4)}
	.trk-wa-float:hover svg{transform:none}
}