/* ==========================================================================
   Abohagr — أنماط الثيم الخاصة (تعريب الخط + تعديلات فوق custom.css)
   ملاحظة: عكوسات الاتجاه RTL في ملف rtl.css المستقل.
   ========================================================================== */

:root {
	--default-font: "Cairo", "Tajawal", "Segoe UI", Tahoma, sans-serif;
}

body {
	font-family: var(--default-font);
}

/* ==========================================================================
   إصلاح تشابك الحروف العربية:
   letter-spacing يفصل حروف العربية (خط متصل)، لذا نلغيه كلياً،
   ونضمن تشكيل الحروف الصحيح.
   ========================================================================== */
* {
	letter-spacing: normal !important;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6,
.section-title h1,
.section-title h2,
.section-title h3,
.btn-default,
.hero-content h1 {
	letter-spacing: normal !important;
	word-spacing: normal;
}

h1, h2, h3, h4, h5, h6,
.btn-default,
.nav-menu-wrapper ul li a,
.section-title h1,
.section-title h2,
.section-title h3 {
	font-family: var(--default-font);
}

/* العربية أطول قليلاً؛ تحسين ارتفاع السطر للعناوين */
.section-title h1 { line-height: 1.25em; }
.section-title h2 { line-height: 1.3em; }

/* حقول النماذج: الخط العربي وارتفاع textarea فقط.
   بقية المظهر (بلا حدود، نصف قطر 16px، حشوة 20px) يأتي من custom.css الأصلي للمطابقة.
   حالة focus المتاحة في enhance.css. */
.contact-form .form-control,
.abohagr-form .form-control {
	font-family: var(--default-font);
}
.contact-form textarea.form-control,
.abohagr-form textarea.form-control { min-height: 140px; }

/* رسائل حالة النماذج */
.abohagr-alert {
	padding: 14px 20px;
	border-radius: 12px;
	margin-bottom: 24px;
	font-weight: 600;
}
.abohagr-alert-success { background: #e7f7ee; color: #1a7f4b; border: 1px solid #b6e6cd; }
.abohagr-alert-error { background: #fdeaea; color: #c0392b; border: 1px solid #f4c4c4; }

/* شبكة أقسام عامة */
.abohagr-grid { display: flex; flex-wrap: wrap; }

/* قائمة نقاط الألم (بطاقات) */
.pain-points-list { list-style: none; margin: 0; padding: 0; }
.pain-point-item {
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	padding: 26px 28px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 18px;
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color);
	transition: all .3s ease;
}
.pain-point-item:hover {
	background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-color-two) 100%);
	color: var(--white-color);
	transform: translateY(-4px);
}
.pain-point-item .icon-box {
	flex: 0 0 auto;
	width: 54px; height: 54px;
	display: flex; align-items: center; justify-content: center;
	background: var(--secondary-color);
	color: var(--accent-color);
	border-radius: 50%;
	font-size: 22px;
}
.pain-point-item:hover .icon-box { background: rgba(255,255,255,.2); color: #fff; }

/* بطاقة سعر الخدمة */
.service-price-badge {
	display: inline-block;
	background: var(--secondary-color);
	color: var(--accent-color);
	font-weight: 700;
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 15px;
}
.service-single-meta { display: flex; flex-wrap: wrap; gap: 16px; margin: 10px 0 26px; }
.service-single-meta .meta-item {
	display: flex; align-items: center; gap: 10px;
	font-weight: 600; color: var(--primary-color);
}
.service-single-meta .meta-item i { color: var(--accent-color); }

/* شريط المزايا في الهيرو (مطابق لأسلوب about-info) */
.benefits-strip { margin-top: 40px; }

/* صندوق شهادات/خبرات */
.credential-badges { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.credential-badge {
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 14px;
	padding: 12px 18px;
	font-weight: 600;
	color: var(--primary-color);
	display: flex; align-items: center; gap: 10px;
}
.credential-badge i { color: var(--accent-color); }

/* تذييل: عناصر الودجت */
.footer-widget-title { color: var(--white-color); font-size: 20px; margin-bottom: 24px; }
.footer-widget ul { list-style: none; margin: 0; padding: 0; }

/* الشريط العلوي: واتساب */
.topbar-contact-info ul li a i { margin-inline-end: 6px; }

.service-catagery-list a.is-active-service { font-weight: 700; color: var(--accent-color); }

/* حشوة صفحة WordPress العامة (لا يوجد لها قسم مقابل بالـHTML) */
.page-content-area { padding: 100px 0; }

img.abohagr-logo-text { max-height: 58px; width: auto; }
.main-footer .footer-logo img.abohagr-logo-text { max-height: 120px; }
.abohagr-logo-text-fallback { color: var(--white-color); font-size: 24px; font-weight: 800; }