/* ============================================================================
   NAVIGATION - AVATAR DROPDOWN
   ============================================================================
   CSS für die Avatar-Dropdown-Funktionalität in Frontend- und Backend-Navigation
   Styles sind in modules.css definiert (.avatar-dropdown-*)
   ============================================================================ */

/* Dropdown sichtbar wenn Container .active hat */
.avatar-dropdown-container.active .avatar-dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Legacy Support für ID-basierte Selektoren (falls JS noch IDs verwendet) */
#avatarDropdown.active #dropdownMenu,
#avatarDropdownUB.active #dropdownMenuUB {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}