@font-face {
    font-family: IranSans;
    src: url(fonts/IRANSansWeb.woff);
}

@font-face {
    font-family: IranSans;
    src: url(fonts/IRANSansWeb_Bold.woff);
    font-weight: bold;
}



.mud-drawer-header {
    display: flex;
    min-height: var(--mud-appbar-height);
    padding: 5px 4px 2px 4px !important;
}

.mud-table-head th {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
}
.mud-nav-link-text{
    font-weight:800 !important;
}
.mud-drawer-header {

    align-self:center;
}
.mud-list-subheader {

    text-align:center;
    font-weight:bold;
}

/* wwwroot/css/site.css */

/* --- استایل کلی برای آیتم‌های منو --- */
.nav-item-professional .mud-nav-link {
    transition: all 0.2s ease-in-out;
    border-right: 3px solid transparent; /* نوار نشانگر نامرئی در حالت عادی */
    margin: 4px 0;
    border-radius: 0 8px 8px 0; /* گرد کردن گوشه‌های چپ */
}

    /* --- افکت هاور روی آیتم‌های منو --- */
    .nav-item-professional .mud-nav-link:not(.active):hover {
        background-color: rgba(30, 136, 229, 0.1); /* یک لایه بسیار ملایم از رنگ اصلی */
        border-right-color: #1E88E5; /* نمایش نوار نشانگر در هاور */
        transform: translateX(-5px); /* انیمیشن کوچک به سمت چپ */
    }

    /* --- استایل آیتم فعال (صفحه جاری) --- */
    .nav-item-professional .mud-nav-link.active {
        background-color: #1E88E5; /* رنگ اصلی */
        color: #1E88E5 !important; /* رنگ متن سفید */
        border-right: 3px solid #ffffff; /* نوار نشانگر سفید و ضخیم */
    }

        /* آیکون در حالت فعال سفید می‌شود */
        .nav-item-professional .mud-nav-link.active .mud-icon-root {
            color: #1E88E5 !important;
        }

/* --- بهبود ظاهر هدر کشو (Drawer Header) --- */
.professional-drawer-header {
    background-color: #f5f5f5;
    padding: 18px 16px !important;
    transition: background-color 0.3s;
}

/* حالت تیره برای هدر کشو */
.mud-drawer-background-dark .professional-drawer-header {
    background-color: #1a1a27;
}


/* --- استایل حرفه‌ای برای نوار بالا (AppBar) --- */
.professional-appbar {
    backdrop-filter: blur(10px); /* افکت شیشه‌ای زیبا */
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* --- استایل هاور برای کارت کاربر --- */
.user-card-hoverable {
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

    .user-card-hoverable:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

/* --- استایل هدر گروه‌های منو (MudNavGroup) --- */
.nav-group-professional > .mud-nav-link {
    font-weight: bolder; /* ضخیم کردن فونت برای تمایز */
    color: goldenrod !important; /* استفاده از رنگ اصلی */
    margin-top: 8px;
    margin-bottom: 4px;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    /* رنگ آیکون هدر گروه */
    .nav-group-professional > .mud-nav-link .mud-nav-link-icon {
        color: goldenrod !important;
    }

    /* افکت هاور ملایم برای هدر گروه */
    .nav-group-professional > .mud-nav-link:hover {
        background-color: rgba(30, 136, 229, 0.08); /* پس‌زمینه بسیار ملایم */
        transform: none; /* جلوگیری از حرکت به سمت چپ که برای زیرمنوها بود */
    }

/* فاصله دادن به آیتم‌های زیرمجموعه گروه برای سلسله مراتب بهتر */
.nav-group-professional .mud-collapse-wrapper .mud-nav-link {
    padding-right: 32px !important; /* تورفتگی زیرمنوها (راست‌چین) */
}