/**
 * M2t.Kr.Hub.Web — Site-Specific CSS
 *
 * Only the minimal workaround NOT covered by the Antumo Design System.
 * All values use --antumo-* CSS tokens. The full design system comes from
 * the Antumo.Blazor NuGet package (_content/Antumo.Blazor/css/antumo.min.css).
 */

/* ========================================
   SIDEBAR PROFILE DROPDOWN FIX
   ========================================
   DS bundle bug: the Metronic bridge reset (_metronic-bridge.scss ~L154) ships
   an UNSCOPED `.dropdown { display: inline-block !important; flex-direction:
   unset !important; background: none !important; ... }`. AntumoNavProfile.razor
   hardcodes `class="dropdown nav-profile-popover"`, so that reset clobbers the
   popover (always visible, no card styling, items collapse to block). Other
   dropdowns escape because their visible panel is a separate `.dropdown-menu`.
   Restore the intended collapsed/shown behavior with matching !important.

   TODO: report to antumo-design — scope the `.dropdown` reset to the Metronic
   context (e.g. `.aside-footer .dropdown`) instead of global, OR give
   `.nav-profile-popover` higher specificity. Once fixed upstream and the
   Antumo.Blazor package is bumped, DELETE this whole block. */

.nav-profile-popover.dropdown {
  display: none !important;
  flex-direction: column !important;
  background-color: var(--antumo-bg-primary) !important;
  border: 1px solid var(--antumo-border-secondary) !important;
  border-radius: var(--antumo-radius-md) !important;
  box-shadow: var(--antumo-shadow-lg) !important;
  padding: var(--antumo-spacing-xs) !important;
  overflow: hidden !important;
}

.nav-profile-popover.dropdown.show {
  display: flex !important;
}

.nav-profile-popover .dropdown-item-content {
  display: flex;
  width: 100%;
}

.nav-profile-popover .dropdown-item-wrapper {
  display: flex;
  align-items: center;
  gap: var(--antumo-spacing-md);
  width: 100%;
}