/* 
 * Sidebar Cairo Font Fix
 * Ensures Cairo font is applied to sidebar text while protecting icons
 */

/* ========================================
 * SIDEBAR TEXT ELEMENTS - CAIRO FONT
 * ======================================== */

/* Main sidebar menu items */
.sidebar-menu > li > a {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Sidebar menu text spans */
.sidebar-menu > li > a > span,
.sidebar-menu > li > a > .menu-text,
.sidebar-menu > li > a > .menu-title,
.sidebar-menu > li > a > .menu-item-text {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 400 !important;
}

/* Treeview submenu items */
.treeview-menu > li > a {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.treeview-menu > li > a > span {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 400 !important;
}

/* User panel in sidebar */
.user-panel .info p,
.user-panel .info a,
.user-panel .info span {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 400 !important;
}

/* Sidebar header text */
.main-sidebar .sidebar .user-panel .info p,
.main-sidebar .sidebar .user-panel .info a,
.main-sidebar .sidebar .user-panel .info span {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
}

/* Active menu item */
.sidebar-menu > li.active > a,
.sidebar-menu > li.active > a > span {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 500 !important;
}

/* ========================================
 * ICON PROTECTION - SIDEBAR ICONS ONLY
 * ======================================== */

/* Sidebar icons - Force icon fonts */
.sidebar-menu > li > a > i,
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .fas,
.sidebar-menu > li > a > .far,
.sidebar-menu > li > a > .fab,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .icon,
.treeview-menu > li > a > i,
.treeview-menu > li > a > .fa,
.treeview-menu > li > a > .fas,
.treeview-menu > li > a > .far,
.treeview-menu > li > a > .fab,
.treeview-menu > li > a > .glyphicon,
.treeview-menu > li > a > .icon {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome', 
                 'Glyphicons Halflings', 'Ionicons', 'Material Icons' !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
}

/* Sidebar collapse icons */
.sidebar-menu > li > a > .fa-angle-left,
.sidebar-menu > li > a > .fa-angle-down,
.sidebar-menu > li > a > .fa-chevron-left,
.sidebar-menu > li > a > .fa-chevron-down {
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    float: left !important;
    margin-right: 0 !important;
    margin-left: 5px !important;
}

/* ========================================
 * SIDEBAR LAYOUT FIXES
 * ======================================== */

/* Ensure proper spacing */
.sidebar-menu > li > a {
    padding: 12px 5px 12px 15px !important;
    line-height: 1.42857143 !important;
    display: block !important;
    text-decoration: none !important;
}

.treeview-menu > li > a {
    padding: 8px 5px 8px 25px !important;
    line-height: 1.42857143 !important;
    display: block !important;
    text-decoration: none !important;
}

/* Icon positioning */
.sidebar-menu > li > a > i:first-child,
.sidebar-menu > li > a > .fa:first-child {
    margin-right: 10px !important;
    width: 20px !important;
    text-align: center !important;
}

/* ========================================
 * SIDEBAR RESPONSIVE FIXES
 * ======================================== */

/* Mobile sidebar */
@media (max-width: 768px) {
    .sidebar-menu > li > a {
        padding: 10px 5px 10px 15px !important;
        font-size: 14px !important;
    }
    
    .treeview-menu > li > a {
        padding: 6px 5px 6px 25px !important;
        font-size: 13px !important;
    }
}

/* ========================================
 * SIDEBAR BRAND/LOGO PROTECTION
 * ======================================== */

/* Sidebar brand/logo */
.sidebar .logo,
.sidebar .logo a,
.sidebar .logo span {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* ========================================
 * ADDITIONAL SIDEBAR ELEMENTS
 * ======================================== */

/* Sidebar search box */
.sidebar-form input[type="text"] {
    font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
}

/* Sidebar notifications/badges */
.sidebar-menu > li > a > .badge,
.sidebar-menu > li > a > .label {
    font-family: 'Tahoma', 'Arial', sans-serif !important;
    font-size: 11px !important;
}