/* ══════════════════════════════════════════════════════════════════
   منقولٌ من ثيم «لافين فاشن» الابن — lavin-ui-polish.css
   الثيمُ الأبُ واحدٌ في الموقعين (DavinciWoo 1.4.8)، فالنقلُ استبدالُ
   طبقةِ ابنٍ لا هجرةُ ثيم. والمتغيّرُ الوحيدُ **اللوحة**: لوحةُ لافين
   النحاسيّةُ أُبدلت بلوحة الجيل الأخضر التيليّة (1 لوناً).
   الأصلُ يبقى مرجعاً في مستودع لافين؛ لا يُحرَّر هنا إلّا بقياس.
   ══════════════════════════════════════════════════════════════════ */

/**
 * lavin-ui-polish.css — علاجات جولة تدقيق الواجهات ٢٠٢٦-٠٨-٢٦
 * المرجع: UI-AUDIT-2026-08-26.md بنود (1) (2) (4) (5) (7) — كل قاعدة تحمل رقم بندها.
 * كل ما هنا عرضٌ خالص: لا مساس بسلوك التنويعات ولا بطبقات إظهالة البرمجية.
 */

/* (1) وصف التصنيف على الشاشات الصغيرة: كتلة الوصف التسويقي (٩ أسطر) كانت تدفع
   أول منتج تحت الطية كلياً. سطران ثم قصّ — النص كامل في DOM (لا أثر SEO)،
   والكمبيوتر غير مقصوص. */
@media (max-width: 640px) {
	.term-description,
	.taxonomy-description {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

/* (2) خلفية هيكلية دافئة لحاويات صور البطاقات: الصورة الكسولة تصل فوق لوحٍ
   بلون الهوية بدل بياضٍ صريح يقرأ فراغاً (قِيس على شبكة الأطقم جوّالاً). */
.lpb-card-media,
.lpb-card-shot,
ul.products li.product .attachment-woocommerce_thumbnail {
	background-color: #f7f8f7;
}

/* (4) زر المفضلة فوق معرض المنتج على الجوال كان نصاً (169×30) يُقصّ عند حافة
   الصورة — أيقونة وحدها داخل قرص، والنص يبقى للقارئات الشاشية عبر title. */
@media (max-width: 640px) {
	.product-gallery .yith-wcwl-add-to-wishlist-button {
		font-size: 0;
		line-height: 0;
		width: 40px;
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.92);
		border-radius: 50%;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	}
	.product-gallery .yith-wcwl-add-to-wishlist-button i,
	.product-gallery .yith-wcwl-add-to-wishlist-button svg {
		font-size: 18px;
		line-height: 1;
	}
}

/* (5) صفُّ تنويعةٍ يحمل سواتشات إظهالة كان يعرض قائمةً منسدلة **معها** — خياران
   تفاعليان لنفس الخاصية. القياس الثاني (19:1x) أصاب الهوية الحقيقية للمكرَّر:
   الظاهر ليس <select> الأصلي (مكتبة selectpicker تخفيه أصلاً) بل **ودجتها**
   `.bootstrap-select` المبني مكانه. الودجت زينةُ مكتبةٍ لا عنصرَ نموذج، فإخفاؤه
   كلياً آمن؛ والأصلي يبقى في DOM (سواتش إظهالة يقوده برمجياً وووكومرس يقرؤه،
   وtabindex=-98 مِن المكتبة يُبقيه خارج التنقّل — قياس جلسة الكتالوج).
   صفٌّ بلا سواتش (لونٌ وحيد…) يُبقي قائمته. دعم :has من Safari 15.4/Chrome 105 —
   الأقدم يرى الحال القائم بلا كسر. */
.variations td.value:has(.ezw-swatches) .bootstrap-select {
	display: none !important;
}
/* ⚠️ القاعدة التالية **خاملة اليوم، عمداً**: المكتبة تلفّ <select> الأصلي داخل
   `.bootstrap-select` فإخفاء الأب أعلاه يخفيه (ويُخرجه من شجرة الوصول — قِيس
   ٢٠٢٦-٠٨-٢٦ مع جلسة الكتالوج: أسقط حاجة aria-hidden أصلاً). تبقى هذه حارساً
   بنيوياً لحالة واحدة: أن تكفّ المكتبة يوماً عن اللفّ فيقفز select عارٍ للواجهة.
   إن قرأتَها «تحرس شيئاً الآن» فقد ضللتك — هي تأمين مستقبلي لا أكثر. */
.variations td.value:has(.ezw-swatches) select {
	position: absolute !important;
	width: 1px;
	height: 1px;
	clip-path: inset(50%);
	opacity: 0;
	pointer-events: none;
}

/* (7) زر «عرض السلة» داخل إشعار ووكومرس كان يطفو وسط الجملة فيبترها على
   الجوال — سطرٌ مستقل قبل النص. */
@media (max-width: 640px) {
	.woocommerce-message .button {
		display: block;
		width: max-content;
		margin: 0 0 8px;
	}
}

/* (8) سواتش إظهالة على سفاري iOS — لقطة المالك 2026-08-31 (آيفون حقيقي):
   سواتش الصور بيضاواتٌ بعرض الشاشة مكدّسة، وأزرار النص زرقاء.
   الجذر في CSS الإضافة: زرّ الصورة بلا عرضٍ **محدّد** (min-inline-size وحدها
   مع block-size ثابت)، والصورة داخله inline-size:100% — نسبة من حاوٍ غير
   محدّد، والمواصفة تترك حسمها للمحرّك: كروم/بلينك ينكمش إلى الحد الأدنى
   (دائرة 50×50) فلا يُرى الخلل في أي محاكاة كروم، وويبكيت يوسّع الزر لعرض
   الصورة الفطري مقصوصاً على الصف ثم يقصّه border-radius:50% بيضاوةً.
   عرضٌ محدّد يقتل الالتباس على المحرّكين معاً. والأزرق: عنصر <button> بلا
   color صريح — وiOS يصبغ أزراره بأزرقه النظامي، وcolor:inherit يعيده لنصّ
   الصفحة. appearance:none يطفئ ما تبقّى من كسوة النظام، وflex:0 0 auto
   يمنع أي نموّ/انكماش مستقبلي داخل الصف.
   (الإصلاح الجذري نفسه مُدرج في مستودع الإضافة front-swatches.css — وهذه
   الطبقة تبقى: تحمي المتجر من أي نسخة إضافةٍ سابقة للإصلاح.) */
.ezw-swatch {
	-webkit-appearance: none;
	appearance: none;
	color: inherit;
	flex: 0 0 auto;
}
.ezw-swatch--img {
	inline-size: var(--ezw-swatch-size, 50px);
}

/* ═══ دفعة مسح القوالب 2026-08-31 — أربعة عيوب موضعية مثبتة باللقطات ═══ */

/* (9) الرموز التقنية داخل النص العربي («_fbp» في سياسة الكوكيز) تنقلب
   شرطتها السفلية إلى ذيل الكلمة في سياق RTL. عزل اتجاهي لكل <code>
   في صفحات المحتوى — يشمل _ttp و_pin_unauth وأخواتها أينما وردت. */
.ggen-page code,
.entry-content code,
.page-content code {
	direction: ltr;
	unicode-bidi: isolate;
}

/* (10) زر بحث التتبع على الجوال أيقونة وحدها وشيفرونها يشير يميناً —
   «الأمام» في RTL يسار، فيُقرأ رجوعاً. مرآة أفقية للشيفرون في نموذج
   التتبع وحده (النص «البحث» يبقى للقارئات عبر aria-label القائم).
   ⚠️ التخصيص هنا **إلزامي لا زينة**: الثيم يضبط `display` على هذه
   الأيقونة بمحدّد معرّفٍ (`#tracking-form .btn-secondary i` — ١‑١‑١)،
   فمحدّد أصنافٍ ثلاثة (٠‑٣‑٠) يخسر ويبقى `display:inline` —
   و`transform` **لا يُطبَّق على inline غير المستبدل** فتصير القاعدة
   خاملة بصمت وهي «تعمل» في `getComputedStyle`. قِيس ٢٠٢٦-٠٨-٣١. */
#tracking-form .btn-secondary i.icon-right-open {
	display: inline-block;
	transform: scaleX(-1);
}

/* (11) المفضلة الفارغة كانت ترسم رأس جدول (اسم المنتج · سعر الوحدة ·
   حالة المخزون) فوق رسالة «لم يتم إضافة أي منتجات» — أعمدةٌ لجدولٍ
   لا صفوف فيه.
   ⚠️ المحدّد من **صنف الحاوية** لا من `:has`: YITH تضع `is-empty` على
   `.yith-wcwl-form` وهو دليلٌ صريح لا استنتاج، ويعمل على كل متصفّح.
   (المحاولة الأولى كانت `:has(tr.wishlist-empty)` وهي خاملة: الصنف على
   الـ`td` لا الـ`tr` — قِيس ٢٠٢٦-٠٨-٣١ من الترميز الحيّ.) */
.yith-wcwl-form.is-empty .wishlist_table thead {
	display: none;
}

/* (12) بطل 404 يحسب ltr فتقفز النقطة والنقطتان إلى أول السطر في الجملتين
   العربيتين. المصدر قاعدة قائمة «html[dir=rtl] .fw-block → ltr» تعمّي
   بلوكات الباني كلها عمداً (إصلاح ترتيب صفوفها) وتغلب أي استهداف للبلوك
   تخصيصاً — فلا نصارعها على الحاوية بل نستهدف عنصر النص نفسه: القاعدة
   المباشرة تُبطل الوراثة أياً كان وزن قاعدة السلف. */
.error404 .fw-inner .text {
	direction: rtl;
}