/* تصغير المسافات في الـ navbar فقط */

/* تصغير المسافة بين عناصر القائمة */
.navbar-nav .nav-item {
    margin-left: 0.05rem !important;
    margin-right: 0.05rem !important;
}

.navbar-nav .nav-link {
    padding: 0.5rem 0.3rem !important;
}

/* محاذاة عناصر البحث والسلة والحساب في منتصف الـ navbar */
.products-search-container {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.products-search-container .search-box,
.products-search-container .cart-link,
.products-search-container .dropdown {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.products-search-container .search-box form {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.products-search-container .btn,
.products-search-container .search-input,
.products-search-container .cart-btn,
.products-search-container .dropdown-toggle {
    height: fit-content !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ضبط المحاذاة العمودية للأزرار */
.navbar .btn,
.navbar .dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* للشاشات الكبيرة */
@media (min-width: 992px) {
    .navbar-nav .nav-item {
        margin-left: 0.05rem !important;
        margin-right: 0.05rem !important;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 0.35rem !important;
        font-size: 1rem !important;
    }
    
    /* محاذاة عناصر البحث والسلة في الديسكتوب */
    .products-search-container {
        height: 100% !important;
    }
}

/* RTL Support */
[dir="rtl"] .navbar-nav .nav-item {
    margin-right: 0.05rem !important;
    margin-left: 0.05rem !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-nav .nav-link {
        padding: 0.5rem 0.4rem !important;
        font-size: 0.95rem !important;
    }
}

