/*
 * profile-menu.css — overrides/additions for the dashboard header profile dropdown.
 *
 * Why this lives in a separate file rather than in header.css:
 *   header.css is jointly edited by the HTML team via the share drive; isolating
 *   these app-side fixes here lets us push them without touching their WIP.
 *
 * Coverage:
 *   1. .profile-dropdown.open → display:block.
 *      The dashboard master pages' click handler toggles class "open" on
 *      #profileDropdown; without this rule the menu never appears even though
 *      the JS fires (see header.css line ~337: base .profile-dropdown is
 *      display:none, and the matching .open rule there is commented out).
 *
 *   2. Role-conditional menu items default to hidden.
 *      common-footer.js reveals these when userInfo flags match:
 *        .user-menu-le-item    → ShowLearner
 *        .user-menu-sh-item    → ShowStakeHolder
 *        .user-menu-mentor-item→ ShowMentor
 *        .user-menu-bo-item    → ShowBo
 *      Without this default, every logged-in user sees every section (admin,
 *      mentor, stakeholder rows) regardless of which roles they actually hold.
 */

header .profile-dropdown.open {
  display: block;
}

header .profile-dropdown li.user-menu-le-item,
header .profile-dropdown li.user-menu-sh-item,
header .profile-dropdown li.user-menu-mentor-item,
header .profile-dropdown li.user-menu-bo-item {
  display: none;
}