/* ==============================================================================
   ضبط التباعد بين القوائم لجميع اللغات
   Menu Spacing Fix for All Languages
   ============================================================================== */

/* القائمة الرئيسية - جميع اللغات */
.nav-list {
    display: flex;
    flex-wrap: nowrap !important; /* عدم السماح بالتفاف العناصر */
    gap: 8px; /* مسافة صغيرة بين العناصر */
    align-items: center;
}

/* عناصر القائمة */
.nav-list li {
    flex-shrink: 0; /* منع الانكماش */
    white-space: nowrap; /* منع التفاف النص */
}

/* روابط القائمة */
.nav-list li a {
    white-space: nowrap !important; /* التأكد من عدم التفاف النص */
    padding: 0 6px; /* حشو صغير */
    display: inline-block;
    font-size: 12px; /* حجم خط مناسب */
    letter-spacing: 0px; /* إزالة المسافة بين الأحرف */
}

/* القائمة الرئيسية نفسها */
.main-nav {
    flex: 1;
    display: flex;
    justify-content: center;
    max-width: none; /* إزالة الحد الأقصى للعرض */
}

/* للغة العربية */
[dir="rtl"] .nav-list {
    gap: 8px;
}

[dir="rtl"] .nav-list li a {
    white-space: nowrap !important;
    padding: 0 5px;
}

/* للغات الطويلة مثل الألمانية */
html[lang="de"] .nav-list li a,
html[lang="ru"] .nav-list li a {
    font-size: 11px; /* حجم أصغر قليلاً للغات الطويلة */
    padding: 0 4px;
}

/* للأوزبكية والروسية - نصوص أطول */
html[lang="uz"] .nav-list,
html[lang="ru"] .nav-list {
    gap: 6px; /* مسافة أصغر */
}

html[lang="uz"] .nav-list li a,
html[lang="ru"] .nav-list li a {
    padding: 0 4px;
}

/* التأكد من أن القائمة لا تتجاوز حدود الشاشة */
.header-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* شريط البحث - التأكد من عدم التفاف الأزرار */
.filter-buttons {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 6px;
}

.filter-btn {
    white-space: nowrap !important;
    flex-shrink: 0;
    padding: 12px 12px;
    font-size: 13px;
}

/* زر البحث */
.search-btn {
    white-space: nowrap !important;
    flex-shrink: 0;
}

/* للشاشات الصغيرة - تقليل المسافات أكثر */
@media (max-width: 1400px) {
    .nav-list {
        gap: 6px;
    }
    
    .nav-list li a {
        font-size: 11px;
        padding: 0 4px;
    }
}

@media (max-width: 1200px) {
    .nav-list {
        gap: 5px;
    }
    
    .nav-list li a {
        font-size: 10px;
        padding: 0 3px;
    }
    
    .filter-btn {
        padding: 12px 10px;
        font-size: 12px;
    }
}

/* منع أي overflow في الهيدر */
.header-main {
    overflow: visible;
}

.header-content {
    overflow: visible;
    min-width: 0; /* السماح بالانكماش إذا لزم الأمر */
}

/* التأكد من أن الأيقونات لا تأخذ مساحة كبيرة */
.nav-list li a i {
    font-size: 10px;
    margin-left: 3px;
}

[dir="rtl"] .nav-list li a i {
    margin-left: 0;
    margin-right: 3px;
}