/* ── Courses Dropdown ─────────────────────────────── */
.nav-item.dropdown .dropdown-menu {
    border: none;
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
    padding: 10px 0;
    min-width: 210px;
    margin-top: 8px;
    animation: dropdownFadeIn 0.2s ease;
    background: #fff;
}
@keyframes dropdownFadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.nav-item.dropdown .dropdown-menu .dropdown-item {
    font-size: 13.5px;
    font-weight: 600;
    color: #333;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    gap: 9px;
    transition: background 0.15s, color 0.15s;
}
.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background: #f0f4ff;
    color: #0f3460;
}
.nav-item.dropdown .dropdown-menu .dropdown-item i {
    font-size: 13px;
    color: #f6a623;
}
.dropdown-divider { margin: 6px 0; border-color: #f0f0f0; }
/* Active state for courses nav */
.nav-item.dropdown.active > a { color: #f6a623 !important; }