/* Dropdown fix - ensures dropdowns appear above other elements */

/* Reset stacking context for all elements */
body * {
  z-index: auto;
}

/* Create a higher stacking context for the header */
header {
  position: relative;
  z-index: 1000 !important;
}

/* Ensure dropdowns have the highest z-index */
[data-dropdown-target="menu"] {
  z-index: 1001 !important;
  position: absolute !important;
}

/* Force input fields to have a lower z-index */
input, 
textarea, 
select, 
.form-input, 
.form-control {
  z-index: 1 !important;
  position: relative !important;
}

/* Ensure dropdown buttons create proper stacking context */
[data-controller="dropdown"] button {
  position: relative;
  z-index: 999 !important;
}

/* Ensure settings navigation containers have a higher z-index than other elements except the dropdown menu */
.settings-navigation-container {
  position: sticky;
  top: 0;
  z-index: 40 !important;
}