/* Navbar Dropdown Position Override - Enhanced Solution */

/* Force all navbar dropdowns to appear below navbar */
.navbar .dropdown-menu,
.layout-navbar .dropdown-menu {
  position: fixed !important;
  top: var(--navbar-dropdown-top, 65px) !important; /* Default fallback */
  transform: none !important;
  translate: none !important;
  margin-top: 0 !important;
  margin: 0 !important;
  inset: unset !important;
}

/* Profile dropdown specific positioning */
.navbar-dropdown.dropdown-user .dropdown-menu {
  right: 15px !important;
  left: auto !important;
  min-width: 280px !important;
  max-height: calc(100vh - 80px) !important;
  overflow-y: auto !important;
}

/* Notification dropdown positioning */
.dropdown-notifications .dropdown-menu {
  right: 60px !important;
  left: auto !important;
  min-width: 380px !important;
}

/* Message dropdown positioning */
.dropdown-messages .dropdown-menu {
  right: 105px !important;
  left: auto !important;
  min-width: 380px !important;
}

/* Override Bootstrap's transform positioning */
.navbar .dropdown-menu[style*="transform"] {
  transform: translateY(0) !important;
}

.navbar .dropdown-menu[style*="translate"] {
  translate: none !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .navbar .dropdown-menu {
    position: fixed !important;
    top: var(--navbar-dropdown-top-mobile, 60px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
  }
  
  .navbar-dropdown.dropdown-user .dropdown-menu,
  .dropdown-notifications .dropdown-menu,
  .dropdown-messages .dropdown-menu {
    right: 10px !important;
    left: 10px !important;
  }
}

/* Ensure navbar doesn't clip dropdowns */
.layout-navbar,
.navbar {
  overflow: visible !important;
}

/* High specificity override for Bootstrap Popper */
body .navbar .dropdown-menu.show[data-bs-popper] {
  position: fixed !important;
  transform: translateY(0) !important;
  top: var(--navbar-dropdown-top, 65px) !important;
}

/* Remove Popper arrow */
.navbar .dropdown-menu::before,
.navbar .dropdown-menu::after {
  display: none !important;
}

/* Smooth transition */
.navbar .dropdown-menu {
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out !important;
  opacity: 0;
  visibility: hidden;
}

.navbar .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
}

/* Fix z-index layering */
.navbar .dropdown-menu {
  z-index: 1050 !important;
}

/* Dark theme support */
[data-theme="dark"] .navbar .dropdown-menu {
  background-color: var(--bs-gray-900);
  border-color: var(--bs-gray-800);
}