/**
 * Tajawal Font
 * Arabic-friendly font for menu and UI elements
 */

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/tajawal/Tajawal-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/tajawal/Tajawal-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/tajawal/Tajawal-Bold.ttf') format('truetype');
}

/* Apply Tajawal font to sidebar menu */
.app-menu .navbar-nav,
.app-menu .navbar-nav .nav-link,
.app-menu .navbar-nav .nav-link span,
.app-menu .menu-title,
.app-menu .menu-title span {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Optional: Apply to all Arabic text */
html[lang="ar"] body,
html[dir="rtl"] body {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Sidebar specific styling */
#navbar-nav .nav-link {
    font-family: 'Tajawal', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

#navbar-nav .menu-title {
    font-family: 'Tajawal', sans-serif;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Active and hover states */
#navbar-nav .nav-link:hover,
#navbar-nav .nav-link.active {
    font-weight: 500;
}