/* Z-INDEX SYSTEM - PROPER HIERARCHY */
/* Created: $(Get-Date) */
/* Purpose: Fix dropdown appearing behind elements */

:root {
    /* Base layer values */
    --z-base: 1;
    --z-content: 10;
    --z-sticky: 100;
    
    /* Navigation layer */
    --z-navbar: 1030;
    --z-dropdown: 1040;
    
    /* Modal layer */
    --z-modal-backdrop: 1050;
    --z-modal: 1060;
    --z-tooltip: 1070;
}

/* Clean navbar z-index */
.navbar {
    position: relative;
    /* z-index: var(--z-navbar); - Moved to z-index-master.css */
}

/* Fix dropdown menu positioning */
.dropdown-menu {
    position: absolute;
    /* z-index: var(--z-dropdown); - Moved to z-index-master.css */
}

/* Remove any transform that creates new stacking context */
/* Removed position: static that was breaking dropdown positioning */

/* Ensure dropdown appears above page content */
.dropdown-menu.show {
    /* z-index: var(--z-dropdown); - Moved to z-index-master.css */
}

/* Page content should use lower values */
main,
.container,
.content {
    position: relative;
    /* z-index: var(--z-content); - Moved to z-index-master.css */
}


/* Fix dropdown alignment */
.dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
}

.navbar-nav .dropdown-menu {
    position: absolute !important;
}