/* Lavin — إصلاحات RTL يدوية فوق النسخ المقلوبة (تُوسَّع حسب QA) */

/* منسدلات bootstrap-select تفتح بمحاذاة يمين */
.bootstrap-select .dropdown-menu { right: 0; left: auto; text-align: right; }

/* الأرقام والأسعار تبقى لاتينية القراءة داخل سياق عربي */
.price, .woocommerce-Price-amount, .countdown { unicode-bidi: plaintext; }

/* حقول البحث والإدخال */
input, textarea, select { text-align: right; }
input[type="email"], input[type="url"], input[type="tel"], input[type="number"] { direction: ltr; text-align: left; }

/* البريد في الهيدر يظهر LTR سليماً */
.header-contact a[href^="mailto:"], a[href^="mailto:"] { direction: ltr; unicode-bidi: embed; }

/* منع فائض التمرير الأفقي الأيسر في RTL (عناصر off-canvas/سلايدر أثناء التهيئة) */
html[dir="rtl"] { overflow-x: clip; }
@supports not (overflow-x: clip) {
	html[dir="rtl"] body { overflow-x: hidden; }
}

/* fw-back (خلفيات full-bleed يضبطها JS بأسلوب متماثل) — إلغاء أي قلب مزدوج من rtlcss */
html[dir="rtl"] .fw-back {
	left: 50% !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
}

/* fw-block: العنصر الأعرض من حاويته يصطف يميناً في RTL فتنكسر معادلة full-bleed في JS.
   نجعل الحاوية LTR (لضبط الـ static position كما يتوقع الثيم) ونعيد RTL للمحتوى. */
html[dir="rtl"] .fw-block { direction: ltr; }
html[dir="rtl"] .fw-back > * { direction: rtl; }

/* الجوال: تمركز نص السلايدر داخل الشاشة بدل انقطاعه عند الحافة */
@media (max-width: 575px) {
	html[dir="rtl"] .main-banner .caption-wrap,
	html[dir="rtl"] .main-slider .caption-wrap {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
}

/* ===== RTL audit fixes v1.1.0 (visual verification 2026-07-17) ===== */

/* نص التواصل أعلى الهيدر — كان يتراصف يساراً */
html[dir="rtl"] .header-contact-top,
html[dir="rtl"] .header-contact-top * { text-align: right; }

/* شارة التخفيض: النص "-50%" يجب أن يُقرأ LTR وإلا انعكس إلى "%50-" */
html[dir="rtl"] .onsale,
html[dir="rtl"] span.onsale,
html[dir="rtl"] .price ins,
html[dir="rtl"] .amount bdi { direction: ltr; unicode-bidi: isolate; }

/* الأسعار والأرقام تبقى LTR داخل السياق العربي مع محاذاة يمين للكتلة */
html[dir="rtl"] .price,
html[dir="rtl"] .woocommerce-Price-amount { direction: ltr; text-align: right; unicode-bidi: isolate; }

/* عنوان الميزة الذي يحوي نسبة مئوية — منع انعكاس الرقم */
html[dir="rtl"] .feature-title,
html[dir="rtl"] .features .title { unicode-bidi: plaintext; }

/* صفحات التصنيف تعرض الوصف مرتين (أعلى + أسفل) — نُبقي العلوي فقط */
.products-category-description { display: none; }

/* CLS: حجز ارتفاع السلايدر قبل تهيئة Flickity لمنع انزياح التخطيط (كان 0.447) */
.main-slider-wrap:not(.flickity-enabled) { height: 440px; overflow: hidden; }
@media (max-width: 575px) {
	.main-slider-wrap:not(.flickity-enabled) { height: 400px; }
}
/* حجز مساحة صور المنتجات المؤجّلة (lazy) لمنع قفزها */
.product-small .box-image, .product-small .image-fade_in_back { min-height: 1px; }

/* ===== تدقيق UI/UX v1.3.0 (كروم حقيقي — جوال 390 / تابلت 820 / ديسكتوب 1440) ===== */

/* الفوتر كان يقسم الكلمة العربية في منتصفها: «النسائية» → «النا/سائية» و«خلال» → «خ/لال».
   السبب: `.footer-widgets .widget p{word-break:break-all}` من الثيم الأب.
   نعيده إلى normal، و`overflow-wrap:anywhere` يكفي لمنع البريد الطويل من تجاوز العمود. */
.footer-widgets .widget p {
	word-break: normal;
	overflow-wrap: anywhere;
}

/* عنوان ودجت السوشيال داخل درج الجوال: كان #E8CFC2 على خلفية بيضاء (تباين 1.35 = غير مقروء).
   مقصور على الدرج فقط — النسخة داخل الفوتر الداكن سليمة ولا تُمسّ.
   #90543C على أبيض = 13.3:1، ويطابق عناوين ودجات الشريط الجانبي. */
#mobile-menu-sidebar .widget-title,
.mobile-menu-sidebar-widgets .widget-title {
	color: #90543c;
}

/* رمادي #999 على #F8F8F8 = 2.68 (دون AA 4.5). البديل #6B5A4C رمادي دافئ من عائلة الهوية:
   5.12 على #F8F8F8 و5.44 على الأبيض — يمرّ AA على الخلفيتين. */
.br-item.current,
span.current.br-item,
.woocommerce-breadcrumb .current,
.widget_product_categories .count,
.product_list_widget .count {
	color: #6b5a4c;
}

/* المحدِّدات التالية تحتاج !important لأن قواعد الأب/bootstrap تحملها:
   - `.text-muted` أداة bootstrap.
   - `.checkout-breadcrumbs a` و`.sku-set` من الثيم الأب.
   (أسماء الحاويات مقيسة من DOM حيّ: `.checkout-steps` و`.features` غير موجودتين إطلاقاً.) */
.woocommerce-products-header__count.text-muted,
.count.text-muted,
.checkout-breadcrumbs a.hide-for-small,
.checkout-breadcrumbs a.no-click,
.meta-item-text.sku-set {
	color: #6b5a4c !important;
}

/* نص الميزات الأربع في الرئيسية: #55483E على #F8F8F8 = 3.96 (دون AA).
   البنية الفعلية: div.feature > div.feature-text > div.text — لا وجود لـ`.features`. */
.feature .feature-text .text,
.feature-text .text {
	color: #6b5a4c;
}

/* تسميات نموذج التواصل: الأب `.nicelabel .form-group label{color:#999}` (2.68:1)
   بلا `!important` وخصوصيته (0,2,0) — نفس الخصوصية مع ترتيب لاحق تكفي للفوز. */
.nicelabel .form-group label {
	color: #6b5a4c;
}

/* فلتر السعر: ووكومرس يفرض `direction:ltr` على `.price_label` لحماية الأرقام من
   خلط bidi، لكنه يقلب ترتيب النطاق فيُقرأ من اليسار في صفحة عربية.
   نعيد الحاوية RTL ونعزل كل مبلغ وحده فيبقى «ر.س100» سليماً داخلياً. */
html[dir="rtl"] .woocommerce .price_label {
	direction: rtl;
}

html[dir="rtl"] .woocommerce .price_label span {
	direction: ltr;
	unicode-bidi: isolate;
}

/* رمز العملة «ر.س» كان 8.8-9.7px داخل السعر القديم المشطوب:
   الثيم يصغّر `.amount` داخل `del` ثم يصغّر الرمز مرة أخرى، فيتراكم التصغير.
   `max()` يبقي النسبة التصميمية كما هي مع أرضية مقروئية 11px
   (السعر الحالي 16px يبقى بلا تغيير، والقديم يرتفع من 8.8px إلى 11px). */
.woocommerce-Price-currencySymbol {
	font-size: max(11px, 1em);
}

/* أزرار 404/المفضلة كانت direction:ltr على نص عربي. */
.btn.btn-transparent,
.btn.btn-white {
	direction: rtl;
}

/* LCP: رسم صورة السلايدر الأولى كخلفية فورية (بلا انتظار Flickity JS) — يخفض LCP */
.main-slider-wrap {
	background-image: url(../../images/slider/lavin-slide-1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #90543C;
}
@media (max-width: 575px) {
	.main-slider-wrap {
		background-image: url(../../images/slider/lavin-slide-1-xs.jpg);
	}
}