/**
 * طبقة تحسين تجربة الاستخدام
 * ---------------------------------------------------------------------------
 * تُحمَّل بعد main.min.css و style.css، فتعلو عليهما دون تعديل أيٍّ منهما.
 * لإلغاء الطبقة بالكامل: احذف سطر الإدراج من functions.php.
 *
 * نطاقها مقصود: تحسينات لا تتطلّب معاينة التصميم — وصولية، وسلوك قراءة،
 * ومنع انكسار التخطيط. لا تلمس الألوان ولا المسافات ولا أحجام الخطوط،
 * لأن تغييرها دون رؤية الصفحات مقامرة.
 *
 * الموقع عربي (lang=ar, dir=rtl) بخط Cairo، ومبني على Qode + Elementor.
 */

/* ===========================================================================
   1. وضوح مؤشّر لوحة المفاتيح
   الثيم يخفي حدود التركيز الافتراضية، فمن يتصفّح بلوحة المفاتيح يفقد
   موضعه تمامًا. :focus-visible يُظهرها لهم دون أن يراها مستخدم الفأرة.
   =========================================================================== */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

/* داخل الهيدر الداكن، اللون الحالي قد يكون منخفض التباين على الخلفية. */
#qodef-page-header :focus-visible,
.qodef-header-navigation :focus-visible {
	outline-color: #fff;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, .55);
}

/* ===========================================================================
   2. احترام تفضيل تقليل الحركة
   الثيم يعتمد على appear.js و Swiper وحركات كثيرة عند التمرير. من يضبط
   نظامه على تقليل الحركة غالبًا يفعل ذلك لدوار أو حساسية، لا لتفضيل شكلي.
   =========================================================================== */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}

	/* عناصر تبدأ شفافة ثم تظهر بالحركة: تبقى مخفية بلا الحركة. */
	.qodef-appear,
	.qodef--appeared,
	[data-appear] {
		opacity: 1 !important;
		transform: none !important;
	}
}

/* ===========================================================================
   3. الروابط الداخلية أسفل الهيدر الثابت
   القفز إلى مرساة يضع العنصر تحت الهيدر فيختفي عنوانه. المساحة هنا
   تقريبية بارتفاع الهيدر، وتنطبق على القفز فقط لا على التخطيط.
   =========================================================================== */
:target,
[id]:not(body):not(html) {
	scroll-margin-top: 110px;
}

/* ===========================================================================
   4. منع انكسار التخطيط بالنصوص الطويلة
   الروابط والكلمات الأعجمية الطويلة تمدّ الحاوية أفقيًا فتظهر شريط
   تمرير جانبي على الجوال.
   =========================================================================== */
#qodef-page-wrapper :where(p, li, td, dd, blockquote, figcaption, h1, h2, h3, h4) {
	overflow-wrap: break-word;
}

/* صورة عُرضها محدد وارتفاعها لا: نسبة الأبعاد تُحفظ بدل أن تُشوَّه. */
#qodef-page-wrapper img[width][height] {
	height: auto;
}

/* ===========================================================================
   5. تحسينات قراءة تقدّمية
   text-wrap مدعوم في المتصفحات الحديثة ويُتجاهَل بصمت في غيرها، فلا
   يكسر شيئًا: يمنع بقاء كلمة وحيدة في آخر سطر العنوان أو الفقرة.
   =========================================================================== */
#qodef-page-wrapper :where(h1, h2, h3) {
	text-wrap: balance;
}

#qodef-page-wrapper :where(p, li) {
	text-wrap: pretty;
}

/* ===========================================================================
   6. مساحة اللمس على الشاشات الصغيرة
   عناصر القائمة تُلمَس بالإصبع لا بمؤشّر دقيق. الحدّ الأدنى الموصى به
   نحو 44 بكسل؛ الحشو الرأسي هنا يضمنه دون تغيير شكل القائمة.
   =========================================================================== */
@media (max-width: 1024px) and (pointer: coarse) {
	.qodef-mobile-header .qodef-menu-item-text,
	.qodef-fullscreen-menu a,
	.qodef-mobile-header a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}
}

/* ===========================================================================
   7. تحديد النص
   لون التحديد الافتراضي قد يكون منخفض التباين فوق خلفيات الثيم الداكنة.
   =========================================================================== */
::selection {
	background: #1a1a1a;
	color: #fff;
}

/* ===========================================================================
   8. الطباعة
   صفحات التدبّر والسور نصّ يُطبع ويُحفظ. الافتراضي يطبع الهيدر والقوائم
   والمشغّل ويهدر الورق، ويطبع الروابط بلا وجهتها.
   =========================================================================== */
@media print {
	#qodef-page-header,
	#qodef-page-footer,
	.qodef-mobile-header,
	.qodef-fullscreen-menu-holder,
	.qodef-back-to-top,
	.sonaar-player,
	[class*="sonaar"],
	.elementor-widget-resonator_core_video_button {
		display: none !important;
	}

	#qodef-page-wrapper,
	#qodef-page-inner {
		margin: 0 !important;
		padding: 0 !important;
	}

	body {
		background: #fff !important;
		color: #000 !important;
	}

	/* وجهة الرابط تضيع على الورق ما لم تُطبع بجانبه. */
	#qodef-page-inner a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: .75em;
		word-break: break-all;
	}

	/* منع قطع العنوان عن نصّه بين صفحتين. */
	h1, h2, h3 {
		break-after: avoid;
	}
}