/**
 * Dropdown Menu Visibility Fixes
 * 
 * This stylesheet fixes issues with dropdown menus being clipped or hidden
 * by parent containers with overflow: hidden or lower z-index values.
 */

/* Ensure dropdown menus are always on top */
.dropdown-menu {
  z-index: 1050 !important;
  /* Higher than most content but below modals */
  position: absolute !important;
  /* Force absolute positioning */
}

/* Ensure tables and cards don't clip overflowing content */
.table-responsive {
  overflow: visible !important;
}

.table-scroll-container {
  overflow: visible !important;
}

.card {
  overflow: visible !important;
}

/* Ensure table action dropdowns are properly positioned */
.table-action .dropdown-menu {
  transform: none !important;
  /* Prevent Bootstrap from applying transforms that might cause clipping */
}

/* Fix for any parent containers that might clip dropdowns */
.container-fluid,
.container,
.row,
.col,
[class^="col-"] {
  overflow: visible !important;
}

/* Ensure dropdown toggle buttons have proper position context */
.dropdown,
.dropend,
.dropstart,
.dropup {
  position: relative !important;
}