/* Fix dropdown font and background */
.dropdown-menu {
 background: rgba(255, 255, 255, 0.95) !important;
 backdrop-filter: blur(10px);
 border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 padding: 0.5rem;
 font-family: 'Vazirmatn', sans-serif !important;
 font-weight: 300;
}

.dropdown-item {
 font-family: 'Vazirmatn', sans-serif !important;
 font-weight: 300;
 padding: 0.5rem 1rem;
 border-radius: 5px;
 color: #333 !important;
}

.dropdown-item:hover {
 background: rgba(102, 126, 234, 0.1);
}

body.dark-mode .dropdown-menu {
 background: rgba(26, 29, 41, 0.95) !important;
 border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .dropdown-item {
 color: white !important;
}