/* تحسينات إضافية للشريط السفلي في مشروع MAX02 */

/* تحسين التكامل مع Bootstrap */
.bottom-navbar {
    font-family: 'IBM Plex Sans', sans-serif !important;
}

/* تحسين الألوان لتتناسب مع ثيم MAX02 */
.bottom-navbar .nav-item.active {
    color: #7a7fdc !important;
}

.bottom-navbar .nav-item.active .active-indicator {
    background: linear-gradient(90deg, #7a7fdc, #564ab1) !important;
}

/* تحسين التجاوب مع القائمة الجانبية */
@media (min-width: 992px) {
    .bottom-navbar {
        display: none !important;
    }
    
    body {
        padding-bottom: 0 !important;
    }
    
    .main-content {
        padding-bottom: 0 !important;
    }
}

/* تحسين للأجهزة المحمولة */
@media (max-width: 991.98px) {
    /* إخفاء القائمة الجانبية على الأجهزة المحمولة */
    .vertical-menu {
        display: none !important;
    }
    
    /* توسيع المحتوى الرئيسي */
    .main-content {
        margin-left: 0 !important;
        padding-bottom: 100px !important;
    }
    
    /* تحسين الهيدر */
    .navbar-header {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* إخفاء زر القائمة الجانبية */
    .navbar-header .menu-toggle {
        display: none !important;
    }
}

/* تحسين تأثيرات الحركة */
.bottom-navbar .nav-item {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.bottom-navbar .nav-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(122, 127, 220, 0.2) !important;
}

/* تحسين الأيقونات */
.bottom-navbar .icon {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

/* تحسين النص */
.bottom-navbar .nav-label {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-weight: 500;
}

/* تحسين المؤشر النشط */
.bottom-navbar .active-indicator {
    box-shadow: 0 2px 8px rgba(122, 127, 220, 0.4);
}

/* تحسين الخلفية */
.bottom-navbar {
    background: rgba(15, 23, 42, 0.98) !important;
    border-top: 1px solid rgba(122, 127, 220, 0.2) !important;
}

/* تحسين التمرير الأفقي */
.bottom-navbar .navbar-container {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bottom-navbar .navbar-container::-webkit-scrollbar {
    display: none;
}

/* تحسين للشاشات الصغيرة جداً */
@media (max-width: 320px) {
    .bottom-navbar {
        height: 70px !important;
    }
    
    .bottom-navbar .nav-item {
        min-width: 45px !important;
    }
    
    .bottom-navbar .nav-label {
        font-size: 7px !important;
        max-width: 40px !important;
    }
    
    .bottom-navbar .icon {
        width: 16px !important;
        height: 16px !important;
    }
    
    body {
        padding-bottom: 70px !important;
    }
    
    .main-content {
        padding-bottom: 90px !important;
    }
}