.elementor-5623 .elementor-element.elementor-element-fcb78e5{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-0bc918a */.tutor-dashboard-menu-item i {
    margin-right: 10px !important; /* مسافة بين الأيقونة والكلام */
    width: 20px !important;
    text-align: center !important;
}
/* تجميل حاوية الداشبورد */
.tutor-dashboard-page {
    background-color: #f8f9fa; /* خلفية رمادي فاتح جداً تبرز المحتوى */
    padding-top: 40px;
}

/* تحويل المنيو الجانبية لشكل كارت احترافي */
.tutor-dashboard-left-menu {
    background: #ffffff !important;
    border: none !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    padding: 20px 0 !important;
}

/* تظبيط أزرار المنيو */
.tutor-dashboard-menu-item a {
    color: #1A2B47 !important;
    font-weight: 500 !important;
    padding: 12px 25px !important;
    transition: all 0.3s ease;
    border-left: 4px solid transparent; /* خط جانبي يظهر عند الوقوف */
}

/* تأثير عند الوقوف على القائمة (Hover) */
.tutor-dashboard-menu-item a:hover, 
.tutor-dashboard-menu-item.active a {
    background: rgba(197, 160, 89, 0.1) !important; /* لون دهبي خفيف خلفية */
    color: #C5A059 !important;
    border-left-color: #C5A059 !important;
}

/* تجميل الكروت الإحصائية (المربعات اللي فيها أرقام) */
.tutor-dashboard-info-card {
    border: none !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.04) !important;
    background: #fff !important;
    transition: transform 0.3s ease;
}

.tutor-dashboard-info-card:hover {
    transform: translateY(-5px);
}
/* 1. تطبيق خط Alexandria وتظبيط الشكل العام للمنيو */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item a {
    font-family: 'Alexandria', sans-serif !important;
    font-weight: 700 !important; /* Bold */
    font-size: 15px !important;
    color: #1A2B47 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 20px !important;
}

/* لو عايزة الـ Extra Bold للحالات النشطة (Active) */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item.active a {
    font-weight: 800 !important; /* Extra Bold */
    color: #C5A059 !important;
}

/* 2. حذف النقط (Dots) أو أي علامات قائمة */
.tutor-dashboard-left-menu ul, 
.tutor-dashboard-left-menu li,
.tutor-dashboard-menu-item {
    list-style: none !important; /* بيشيل النقط نهائياً */
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important; /* عشان لو الثيم حاطط أيقونة كخلفية */
}

/* 3. تنظيف أي علامات غريبة قبل الكلام */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item a::before {
    content: none !important;
    display: none !important;
}

/* 4. تظبيط المسافات بين الأيقونة والكلام */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item a i {
    margin-left: 12px !important; /* عشان إنتي في العربي محتاجة المسافة عالشمال */
    font-size: 18px !important;
    color: #C5A059 !important;
}/* End custom CSS */