/* Dropdown menu styling */

.dropdown-menu {
  z-index: 50;
  min-width: auto;  /* Let it size based on content */
  width: auto;      /* Natural width based on button content */
}

.dropdown-item {
  @apply block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md w-full text-left cursor-pointer;
}

.dropdown-item.active {
  @apply bg-indigo-50 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300;
}

/* Fix for navigation dropdown */
.nav-dropdown {
  position: relative;
}

.nav-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 0.25rem;
  display: block;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.dark .nav-dropdown .dropdown-menu {
  background-color: #1f2937;
  border-color: #374151;
}

.nav-dropdown .dropdown-menu.hidden {
  display: none;
}