/* ============================================================
   🌐 i18n-ltr.css — تعديلات الاتجاه لما الموقع يبقى LTR (إنجليزي)
   ضيفي اللينك ده في <head> بعد ملف style.css مباشرة:
   <link rel="stylesheet" href="../css/i18n-ltr.css">
   كل قواعد الملف ده شغالة بس لما <html dir="ltr">
============================================================ */

[dir="ltr"] { direction: ltr; }

/* ── Header: مربع البحث ── */
[dir="ltr"] .header-search input { text-align: left; }

/* ── Nav Dropdown ── */
[dir="ltr"] .dropdown-menu {
    right: auto;
    left: 0;
}
[dir="ltr"] .dropdown-menu a:hover {
    padding-right: 20px;
    padding-left: 26px;
}

/* ── Hero arrows (& و) ── */
[dir="ltr"] .prev { right: auto; left: 30px; transform: translateY(-50%) scaleX(-1); }
[dir="ltr"] .next { left: auto; right: 30px; transform: translateY(-50%) scaleX(-1); }

@media (max-width: 991px) {
    [dir="ltr"] .prev { left: 16px; }
    [dir="ltr"] .next { right: 16px; }
}
@media (max-width: 480px) {
    [dir="ltr"] .prev { left: 10px; }
    [dir="ltr"] .next { right: 10px; }
}

/* ── Hero content overlay ── */
[dir="ltr"] .hero-content { right: auto; left: 8%; text-align: left; }
[dir="ltr"] .hero-content .hc-btn i { transform: scaleX(-1); }

@media (max-width: 991px) { [dir="ltr"] .hero-content { right: auto; left: 6%; } }
@media (max-width: 480px) { [dir="ltr"] .hero-content { right: auto; left: 5%; } }

/* ── عناوين الأقسام (الخطوط اللي على الجنبين) ── */
[dir="ltr"] .section-header h2::before,
[dir="ltr"] .ll-section-header h2::before,
[dir="ltr"] .ws-head h2::before {
    right: auto;
    left: calc(100% + 15px);
}
[dir="ltr"] .section-header h2::after,
[dir="ltr"] .ll-section-header h2::after,
[dir="ltr"] .ws-head h2::after {
    left: auto;
    right: calc(100% + 15px);
}

/* ── رابط "شاهدي الكل" فوق سلايدر الأكثر طلبًا ── */
[dir="ltr"] .ll-view-all { right: auto; left: 0; }

/* ── نصوص بانرات البروموشن ── */
[dir="ltr"] .promo-content { text-align: left; }
[dir="ltr"] .promo-content ul li i { margin-left: 0; margin-right: 10px; }

/* ── عنوان كل عمود فوتر (الخط تحته) ── */
[dir="ltr"] .footer-col h4::after { right: auto; left: 0; }

/* ── حقل الإيميل في النشرة البريدية ── */
[dir="ltr"] .footer-newsletter input { text-align: left; }

/* ── بادچات كروت المنتجات (جديد / خصم / الأكثر مبيعًا / المفضلة) ── */
[dir="ltr"] .na-badge { right: auto; left: 14px; }
[dir="ltr"] .na-badge.sale { left: auto; right: 14px; }
[dir="ltr"] .llc-badge { left: auto; right: 12px; }
[dir="ltr"] .llc-wish { right: auto; left: 12px; }

/* ── صندوق البحث العلوي ── */
[dir="ltr"] .search-input-wrap input { text-align: left; }

/* ── سلة التسوق: تفتح من اليمين بدل الشمال ── */
[dir="ltr"] .cart-drawer {
    left: auto;
    right: 0;
    transform: translateX(100%);
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.12);
}
[dir="ltr"] .cart-drawer.open { transform: translateX(0); }

/* ── قائمة الموبايل (الهامبرجر): تفتح من الشمال بدل اليمين ── */
@media (max-width: 991px) {
    [dir="ltr"] nav {
        right: auto;
        left: 0;
        box-shadow: 8px 0 30px rgba(0, 0, 0, 0.12);
        transform: translateX(-100%);
    }
    [dir="ltr"] nav.open { transform: translateX(0); }
}

/* ── زرار الواتساب العائم ── */
[dir="ltr"] .wa-float { left: auto; right: 26px; }
@media (max-width: 480px) { [dir="ltr"] .wa-float { left: auto; right: 18px; } }

/* ── Quick View Modal ── */
[dir="ltr"] .qv-close { left: auto; right: 16px; }
[dir="ltr"] .qv-info { text-align: left; }
[dir="ltr"] .qv-stars { justify-content: flex-start; }
[dir="ltr"] .qv-stars .qv-rcount { margin-right: 0; margin-left: 6px; }
[dir="ltr"] .qv-price-row { justify-content: flex-start; }
[dir="ltr"] .qv-qty-row { justify-content: flex-start; }

/* ── أسهم السلايدرات (فئات / وصل حديثاً / الأكثر طلبًا / بروموشن) ──
   الأيقونات chevron-right/chevron-left لازم تتقلب بصريًا في LTR
   عشان تفضل تدل على نفس اتجاه الحركة (رجوع/تقدّم) ── */
[dir="ltr"] .na-arrow i,
[dir="ltr"] .ll-arrow i,
[dir="ltr"] .cat-arrow i,
[dir="ltr"] .promo-arrow i {
    transform: scaleX(-1);
}

/* ── سهم "عرض جميع المنتجات" و"تابعينا الآن" ── */
[dir="ltr"] .na-view-btn i { transform: scaleX(-1); }
[dir="ltr"] .cat-sort::after { left: auto; right: 16px; }
[dir="ltr"] .cat-sort select { padding: 9px 18px 9px 36px; }
@media (max-width: 768px) {
    [dir="ltr"] .cat-toolbar { flex-direction: row; }
}
/* ── الأيقونات اللي بتتحط جنب النص في الفيتشرز مش محتاجة قلب،
   بس التنسيق العام (flex) بيتظبط لوحده مع تغيير الـ dir ── */