/*
 * أغلب التعارض مع الثيم سببه: ترتيب التحميل أو !important في theme-rtl / Elementor.
 * ملف الإضافة هنا بيتحمَّل متأخر؛ لو القاعدة بتاعة الثيم لسه غالبة، زوّد الخصوصية
 * أو استخدم !important بقدر الضرورة (مثل أمثلة تحت).
 */

/* مثال لمكوّن اللافتة لو الكلاس الفعلي عندك .t-mr وليس .t-mc */
/*
.banner-content.t-mr {
	transform: translate(-50%, -50%) !important;
}
*/

.t-mc {
	transform: translate(-50%, -50%) !important;
}

/* Contact Form Arabic Style */

html[dir="rtl"] .elementor-element-4531115 .wpcf7 form {
	direction: rtl;
}

html[dir="rtl"] .elementor-element-4531115 .wpcf7 input,
html[dir="rtl"] .elementor-element-4531115 .wpcf7 textarea {
	text-align: right;
}

html[dir="rtl"] .elementor-element-4531115 .wpcf7 input::placeholder,
html[dir="rtl"] .elementor-element-4531115 .wpcf7 textarea::placeholder {
	text-align: right;
	direction: rtl;
}

/* Submit Button Center */

html[dir="rtl"] .elementor-element-4531115 .wpcf7 p:has(.wpcf7-submit) {
	text-align: center;
}

html[dir="rtl"] .elementor-element-4531115 .wpcf7 .wpcf7-submit {
	min-width: 220px;
	text-align: center;
	cursor: pointer;
}

/* WhatsApp floating icon */
.ghamdi-whatsapp-float {
	position: fixed;
	right: 22px;
	bottom: 22px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background-color: #25d366;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ghamdi-whatsapp-float:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.ghamdi-whatsapp-float svg {
	width: 30px;
	height: 30px;
	fill: #fff;
}