/* تدرج لوني مخصص للروابط النشطة في السايدبار */
/* تطبيق التدرج من اللون الأزرق الحالي إلى #A1DFF8 */

/* الروابط النشطة الرئيسية */
.dlabnav .metismenu > li.mm-active > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* الروابط النشطة في القوائم الفرعية */
.dlabnav .metismenu ul a.mm-active {
    color: var(--primary) !important;
    background: linear-gradient(135deg, rgba(42, 87, 182, 0.1) 0%, rgba(161, 223, 248, 0.1) 100%) !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    margin: 0.25rem 0 !important;
}

/* تأثير hover للروابط النشطة */
.dlabnav .metismenu ul a.mm-active:hover {
    background: linear-gradient(135deg, rgba(42, 87, 182, 0.2) 0%, rgba(161, 223, 248, 0.2) 100%) !important;
}

/* أيقونات الروابط النشطة */
.dlabnav .metismenu > li.mm-active > a i,
.dlabnav .metismenu > li.mm-active > a g [fill] {
    color: #fff !important;
    fill: #fff !important;
}

/* تأثيرات إضافية للأنماط المختلفة */
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: white !important;
    font-weight: 500 !important;
}

[data-sidebar-style="mini"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: #fff !important;
    border-radius: 0.5rem !important;
}

[data-sidebar-style="compact"][data-layout="vertical"] .dlabnav .metismenu li.mm-active > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: #fff !important;
}

/* تأثيرات hover محسنة */
.dlabnav .metismenu > li:hover > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}

/* تأثيرات للقوائم الفرعية */
.dlabnav .metismenu ul a:hover {
    background: linear-gradient(135deg, rgba(42, 87, 182, 0.1) 0%, rgba(161, 223, 248, 0.1) 100%) !important;
    color: var(--primary) !important;
    transition: all 0.3s ease !important;
}

/* تأثيرات للأنماط الأفقية */
[data-layout="horizontal"] .dlabnav .metismenu > li.mm-active > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: #fff !important;
    border-radius: 0.5rem !important;
}

/* تأثيرات للوضع المظلم */
[data-theme-version="dark"] .dlabnav .metismenu > li.mm-active > a {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    color: #fff !important;
}

/* تأثيرات إضافية للتحسين */
.dlabnav .metismenu > li.mm-active > a:before {
    border-top: 0.3125rem solid #fff !important;
    border-left: 0.3125rem solid #fff !important;
}

/* تأثيرات للقوائم المطوية */
.dlabnav .metismenu .mm-active > .has-arrow:after {
    border-color: var(--primary) !important;
    transform: rotate(-135deg) translateY(-50%) !important;
}

/* تأثيرات إضافية للتحسين البصري */
.dlabnav .metismenu > li.mm-active {
    position: relative;
}

.dlabnav .metismenu > li.mm-active::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%);
    border-radius: 2px;
}

/* إصلاح مشكلة تداخل النص مع الأيقونات في القوائم المنسدلة */
.dlabnav .metismenu > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 0.75rem 1rem !important;
    gap: 0.75rem !important;
}

.dlabnav .metismenu > li > a i {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.dlabnav .metismenu > li > a .nav-text {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* إصلاح مشكلة تداخل النص في القوائم الفرعية */
.dlabnav .metismenu ul a {
    display: flex !important;
    align-items: center !important;
    padding: 0.5rem 1rem 0.5rem 3rem !important;
    gap: 0.5rem !important;
}

.dlabnav .metismenu ul a i {
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.dlabnav .metismenu ul a .nav-text {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* تأثيرات للقوائم الفرعية النشطة */
.dlabnav .metismenu ul li.mm-active > a {
    background: linear-gradient(135deg, rgba(42, 87, 182, 0.15) 0%, rgba(161, 223, 248, 0.15) 100%) !important;
    color: var(--primary) !important;
    font-weight: 500 !important;
    border-left: 3px solid var(--primary) !important;
    padding-left: 1.5rem !important;
}

/* تأثيرات hover للقوائم الفرعية النشطة */
.dlabnav .metismenu ul li.mm-active > a:hover {
    background: linear-gradient(135deg, rgba(42, 87, 182, 0.25) 0%, rgba(161, 223, 248, 0.25) 100%) !important;
}

/* تطبيق التدرج اللوني على header مع data-headerbg="color_3" */
[data-headerbg="color_3"] .header:not(.home) {
    background: linear-gradient(135deg, var(--headerbg) 0%, #A1DFF8 100%) !important;
    background-color: var(--headerbg) !important; /* fallback للدعم القديم */
}

/* تطبيق اللون #3E6EC1 على nav-header */
.nav-header {
    background-color: #4272c3 !important;
    background: #3E6EC1 !important;
}

/* تطبيق التدرج الخطي على header is-fixed */
.header.is-fixed {
    background: linear-gradient(135deg, var(--primary) 0%, #A1DFF8 100%) !important;
    background-color: var(--primary) !important; /* fallback للدعم القديم */
}

/* تطبيق التدرج الخطي على header-content مع البدء بـ #3E6EC1 */
.header-content {
    background: linear-gradient(135deg, #3E6EC1 0%, #A1DFF8 100%) !important;
    background-color: #3E6EC1 !important; /* fallback للدعم القديم */
}

/* تطبيق التدرج الخطي على جميع الأزرار الزرقاء */
.btn-primary,
.btn-info,
.btn-primary:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-info:focus,
.btn-primary:active,
.btn-info:active,
.btn-primary.active,
.btn-info.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active {
    background: linear-gradient(135deg, #2A57B6 0%, #A1DFF8 100%) !important;
    background-color: #2A57B6 !important; /* fallback للدعم القديم */
    border: none !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* تطبيق التدرج على الأزرار في حالات مختلفة */
.btn-primary:disabled,
.btn-info:disabled,
.btn-primary.disabled,
.btn-info.disabled {
    background: linear-gradient(135deg, #2A57B6 0%, #A1DFF8 100%) !important;
    background-color: #2A57B6 !important;
    border: none !important;
    border-color: transparent !important;
    opacity: 0.6 !important;
}

/* تطبيق التدرج على الأزرار الصغيرة */
.btn-primary.btn-sm,
.btn-info.btn-sm,
.btn-primary.btn-xs,
.btn-info.btn-xs {
    background: linear-gradient(135deg, #2A57B6 0%, #A1DFF8 100%) !important;
    background-color: #2A57B6 !important;
    border: none !important;
    border-color: transparent !important;
}

/* تطبيق التدرج على الأزرار الكبيرة */
.btn-primary.btn-lg,
.btn-info.btn-lg {
    background: linear-gradient(135deg, #2A57B6 0%, #A1DFF8 100%) !important;
    background-color: #2A57B6 !important;
    border: none !important;
    border-color: transparent !important;
}

/* تطبيق التدرج على أرقام الصفحات في Bootstrap pagination */
.pagination .page-link {
    background: linear-gradient(135deg, #2A57B6 0%, #A1DFF8 100%) !important;
    background-color: #2A57B6 !important;
    border: none !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* إزالة البوردر من زر تسجيل الدخول */
.btn-primary {
    border: none !important;
    border-color: transparent !important;
}

/* إزالة البوردر البنفسجي من جميع الأزرار */
.btn {
    border: none !important;
    border-color: transparent !important;
}

/* إزالة البوردر من الأزرار في الكاردات */
.card .btn {
    border: none !important;
    border-color: transparent !important;
}

/* إزالة البوردر من أزرار النماذج */
.form-group .btn {
    border: none !important;
    border-color: transparent !important;
}

/* تغيير الألوان البنفسجية إلى الأزرق في الحدود والرسائل */
.text-purple {
    color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية في الثيم المظلم */
[data-theme-version="dark"][data-primary="color_1"], 
[data-theme-version="dark"][data-primary="color_3"] {
    --primary: #2A57B6 !important;
    --rgba-primary-1: rgba(42, 87, 182, 0.1) !important;
    --rgba-primary-2: rgba(42, 87, 182, 0.2) !important;
    --rgba-primary-3: rgba(42, 87, 182, 0.3) !important;
    --rgba-primary-4: rgba(42, 87, 182, 0.4) !important;
    --rgba-primary-5: rgba(42, 87, 182, 0.5) !important;
    --rgba-primary-6: rgba(42, 87, 182, 0.6) !important;
    --rgba-primary-7: rgba(42, 87, 182, 0.7) !important;
    --rgba-primary-8: rgba(42, 87, 182, 0.8) !important;
    --rgba-primary-9: rgba(42, 87, 182, 0.9) !important;
}

/* تغيير الألوان البنفسجية في الحدود */
.border-purple {
    border-color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية في الخلفيات */
.bg-purple {
    background-color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية في الرسائل والتنبيهات */
.alert-purple {
    background-color: rgba(42, 87, 182, 0.1) !important;
    border-color: #2A57B6 !important;
    color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية في البطاقات */
.card-purple {
    border-color: #2A57B6 !important;
}

.card-purple .card-header {
    background-color: rgba(42, 87, 182, 0.1) !important;
    border-bottom-color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية الشائعة */
.text-indigo {
    color: #2A57B6 !important;
}

.border-indigo {
    border-color: #2A57B6 !important;
}

.bg-indigo {
    background-color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية في العناصر التفاعلية */
.btn-purple {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    color: #fff !important;
}

.btn-purple:hover {
    background-color: #1e3d7a !important;
    border-color: #1e3d7a !important;
}

.btn-outline-purple {
    color: #2A57B6 !important;
    border-color: #2A57B6 !important;
}

.btn-outline-purple:hover {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    color: #fff !important;
}

/* تغيير الألوان البنفسجية في النماذج */
.form-control:focus {
    border-color: #2A57B6 !important;
    box-shadow: 0 0 0 0.2rem rgba(42, 87, 182, 0.25) !important;
}

.form-check-input:checked {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
}

/* تغيير الألوان البنفسجية في الروابط */
a.text-purple:hover {
    color: #1e3d7a !important;
}

a.text-indigo:hover {
    color: #1e3d7a !important;
}

/* تغيير لون الأزرار في الكاردات من البنفسجي إلى الأزرق */
.card .btn {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    color: #fff !important;
}

.card .btn:hover {
    background-color: #1e3d7a !important;
    border-color: #1e3d7a !important;
    color: #fff !important;
}

.card .btn:focus {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    box-shadow: 0 0 0 0.2rem rgba(42, 87, 182, 0.25) !important;
}

.card .btn:active {
    background-color: #1e3d7a !important;
    border-color: #1e3d7a !important;
}

/* تغيير لون الأزرار المحددة في الكاردات */
.card .btn-primary {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    color: #fff !important;
}

.card .btn-primary:hover {
    background-color: #1e3d7a !important;
    border-color: #1e3d7a !important;
}

.card .btn-primary:focus {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    box-shadow: 0 0 0 0.2rem rgba(42, 87, 182, 0.25) !important;
}

/* تغيير لون الأزرار المحددة في الكاردات */
.card .btn-info {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    color: #fff !important;
}

.card .btn-info:hover {
    background-color: #1e3d7a !important;
    border-color: #1e3d7a !important;
}

/* تغيير لون الأزرار في النماذج */
.form-group .btn {
    background-color: #2A57B6 !important;
    border-color: #2A57B6 !important;
    color: #fff !important;
}

.form-group .btn:hover {
    background-color: #1e3d7a !important;
    border-color: #1e3d7a !important;
}

.pagination .page-link:hover {
    background: linear-gradient(135deg, #1e3d7a 0%, #7bb3d4 100%) !important;
    background-color: #1e3d7a !important;
    color: #fff !important;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #2A57B6 0%, #A1DFF8 100%) !important;
    background-color: #2A57B6 !important;
    border: none !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 2px 4px rgba(42, 87, 182, 0.3) !important;
}

.pagination .page-item.disabled .page-link {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%) !important;
    background-color: #6c757d !important;
    border: none !important;
    border-color: transparent !important;
    color: #fff !important;
    opacity: 0.6 !important;
}