/* Sidebar Text Colors - نصوص السايد بار - DARK COLORS */

/* Navigation Item Text - نص العناصر - أسود تام */
.fi-sidebar-item-button,
.fi-sidebar-item-button span,
.fi-sidebar-item-label,
aside nav a,
aside nav button {
    color: #000000 !important; /* أسود تام */
    font-weight: 500 !important;
}

/* Navigation Group Label - عناوين المجموعات - أسود عريض */
.fi-sidebar-group-label,
.fi-sidebar-group-label span,
aside nav .fi-sidebar-group button,
aside nav h3 {
    color: #000000 !important; /* أسود تام */
    font-weight: 700 !important; /* عريض جداً */
}

/* Active Item - العنصر النشط - أخضر غامق */
.fi-sidebar-item-button.fi-active,
.fi-sidebar-item-button.fi-active span,
.fi-sidebar-item-button[aria-current="page"],
.fi-sidebar-item-button[aria-current="page"] span {
    color: rgb(5, 150, 105) !important; /* أخضر غامق */
    font-weight: 700 !important;
}

/* Hover state - عند المرور بالماوس */
.fi-sidebar-item-button:hover,
.fi-sidebar-item-button:hover span {
    color: rgb(5, 150, 105) !important;
    font-weight: 600 !important;
}

/* Navigation icons - الأيقونات */
.fi-sidebar-item-icon,
.fi-sidebar-item-button svg {
    color: #000000 !important;
}

.fi-sidebar-item-button.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-button.fi-active svg {
    color: rgb(5, 150, 105) !important;
}

/* Badge text - نص الأرقام */
.fi-badge,
.fi-sidebar-item-badge {
    font-weight: 700 !important;
}

/* ==================== DARK MODE ==================== */

/* Dark mode - الوضع الداكن */
.dark .fi-sidebar-item-button,
.dark .fi-sidebar-item-button span,
.dark .fi-sidebar-item-label,
.dark aside nav a,
.dark aside nav button {
    color: rgb(255, 255, 255) !important; /* أبيض ناصع */
    font-weight: 500 !important;
}

.dark .fi-sidebar-group-label,
.dark .fi-sidebar-group-label span,
.dark aside nav .fi-sidebar-group button,
.dark aside nav h3 {
    color: rgb(255, 255, 255) !important;
    font-weight: 700 !important;
}

.dark .fi-sidebar-item-button.fi-active,
.dark .fi-sidebar-item-button.fi-active span {
    color: rgb(52, 211, 153) !important;
    font-weight: 700 !important;
}

.dark .fi-sidebar-item-button:hover,
.dark .fi-sidebar-item-button:hover span {
    color: rgb(52, 211, 153) !important;
}

.dark .fi-sidebar-item-icon,
.dark .fi-sidebar-item-button svg {
    color: rgb(255, 255, 255) !important;
}

.dark .fi-sidebar-item-button.fi-active .fi-sidebar-item-icon,
.dark .fi-sidebar-item-button.fi-active svg {
    color: rgb(52, 211, 153) !important;
}