/* Z-INDEX MASTER SCALE
 * All z-index values centralized here
 * Scale: 1-10 (content), 100-900 (UI), 1000+ (modals/overlays)
 * Created: 2025-09-07 - Template Consolidation
 */

:root {
  /* Content layers */
  --z-base: 1;
  --z-content: 10;
  
  /* Navigation */
  --z-nav-dropdown: 100;
  --z-nav-mobile: 150;
  --z-nav-fixed: 200;
  
  /* UI Components */
  --z-tooltip: 500;
  --z-popover: 600;
  
  /* Overlays - CRITICAL FOR MODAL FIX */
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-modal-content: 1055;
  --z-notification: 1060;
  --z-alert: 1070;
}

/* Apply to Bootstrap modals - FIX FOR FROZEN MODALS */
.modal-backdrop {
  z-index: var(--z-modal-backdrop) !important;
}

.modal {
  z-index: var(--z-modal) !important;
}

.modal-dialog {
  z-index: var(--z-modal-content) !important;
  position: relative;
}

/* Navigation fixes */
.navbar-fixed-top,
.navbar-sticky-top {
  z-index: var(--z-nav-fixed) !important;
}

.dropdown-menu {
  z-index: var(--z-nav-dropdown) !important;
}

/* Mobile menu */
.navbar-collapse {
  z-index: var(--z-nav-mobile) !important;
}

/* Ensure modal backdrop covers everything except modal */
.modal-backdrop.show {
  opacity: 0.5;
  z-index: var(--z-modal-backdrop) !important;
}

/* Fix for modal content scrolling */
.modal.show {
  overflow-x: hidden;
  overflow-y: auto;
}