/* ===================================================
   GOHA FLOATING CONTACT BUTTONS
   أزرار التواصل العائمة (واتساب + اتصال)
   =================================================== */

.goha-float-contact {
	position: fixed;
	bottom: 30px;
	z-index: 999998;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.goha-float-contact.goha-float-right { right: 25px; left: auto; }
.goha-float-contact.goha-float-left  { left: 25px;  right: auto; }

/* --- الزر --- */
.goha-float-btn {
	position: relative;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #fff !important;
	font-size: 26px;
	line-height: 1;
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
	animation: gohaFloatIn 0.5s ease both;
}

.goha-float-btn:nth-child(2) { animation-delay: 0.12s; }

.goha-float-btn i {
	position: relative;
	z-index: 2;
	color: #fff !important;
	--fa-primary-color: #fff;
	--fa-secondary-color: #fff;
	--fa-secondary-opacity: 1;
}

.goha-float-btn:hover,
.goha-float-btn:focus-visible {
	transform: scale(1.1);
	color: #fff !important;
}

.goha-float-btn:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.9);
	outline-offset: 3px;
}

/* ألوان الأزرار */
.goha-float-whatsapp {
	background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
	box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
}

.goha-float-whatsapp:hover {
	box-shadow: 0 12px 32px rgba(37, 211, 102, 0.6);
}

.goha-float-call {
	background: var(--color-primary, #0f172a);
	background: linear-gradient(135deg, var(--color-primary, #0f172a) 0%, var(--color-secondary, #1e3a5f) 100%);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.4);
}

.goha-float-call:hover {
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.55);
}

.goha-float-call i {
	animation: gohaRingShake 2.5s ease-in-out infinite;
}

/* --- حلقة النبض --- */
.goha-float-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	z-index: 1;
	pointer-events: none;
}

.goha-float-contact.is-online .goha-float-ring {
	animation: gohaPulseRing 2.2s ease-out infinite;
}

.goha-float-whatsapp .goha-float-ring { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
.goha-float-call .goha-float-ring     { box-shadow: 0 0 0 0 rgba(15, 23, 42, 0.5); }
.goha-float-contact.is-online .goha-float-call .goha-float-ring { animation-delay: 0.9s; }

/* --- التلميح النصي --- */
.goha-float-tip {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(0.85);
	white-space: nowrap;
	background: #0f172a;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 9px 16px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.28s ease;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
	z-index: 3;
}

.goha-float-right .goha-float-tip { right: calc(100% + 14px); }
.goha-float-left  .goha-float-tip { left:  calc(100% + 14px); }

.goha-float-tip::after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	border: 6px solid transparent;
}

.goha-float-right .goha-float-tip::after { left: 100%;  border-right-width: 0; border-left-color: #0f172a; }
.goha-float-left  .goha-float-tip::after { right: 100%; border-left-width: 0;  border-right-color: #0f172a; }

.goha-float-btn:hover .goha-float-tip,
.goha-float-btn:focus-visible .goha-float-tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) scale(1);
}

/* --- الحركات --- */
@keyframes gohaPulseRing {
	0%   { box-shadow: 0 0 0 0 currentColor; opacity: 0.55; }
	70%  { box-shadow: 0 0 0 18px transparent; opacity: 0; }
	100% { box-shadow: 0 0 0 0 transparent; opacity: 0; }
}

.goha-float-whatsapp .goha-float-ring { color: #25d366; }
.goha-float-call .goha-float-ring     { color: var(--color-primary, #0f172a); }

@keyframes gohaFloatIn {
	from { opacity: 0; transform: translateY(22px) scale(0.6); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes gohaRingShake {
	0%, 55%, 100% { transform: rotate(0deg); }
	60% { transform: rotate(-14deg); }
	65% { transform: rotate(12deg); }
	70% { transform: rotate(-10deg); }
	75% { transform: rotate(8deg); }
	80% { transform: rotate(0deg); }
}

/* --- إخفاء زر FAB القديم عند تفعيل الأزرار المباشرة --- */
body.goha-float-replaces-fab .fab-container { display: none !important; }

/* عند إبقاء الزر القديم في نفس الجهة، نرفع الأزرار العائمة لتجنب التداخل */
body.goha-float-stacked .goha-float-contact { bottom: 105px; }

/* --- الجوال --- */
@media (max-width: 768px) {
	.goha-float-contact { bottom: 18px; gap: 12px; }
	.goha-float-contact.goha-float-right { right: 15px; }
	.goha-float-contact.goha-float-left  { left: 15px; }

	.goha-float-btn { width: 50px; height: 50px; font-size: 23px; }

	/* التلميح غير مفيد على اللمس */
	.goha-float-tip { display: none; }

	body.goha-float-stacked .goha-float-contact { bottom: 90px; }
}

/* --- تقليل الحركة --- */
@media (prefers-reduced-motion: reduce) {
	.goha-float-btn,
	.goha-float-btn i,
	.goha-float-contact.is-online .goha-float-ring {
		animation: none !important;
	}
}

/* --- الطباعة --- */
@media print {
	.goha-float-contact { display: none !important; }
}