/**
 * Colorbox Z-Index Fix
 *
 * Ensures colorbox overlay and controls appear above all other site elements
 * including accessibility tools, focus indicators, and other overlays.
 */

/* Colorbox overlay - should be above everything except colorbox wrapper */
#cboxOverlay {
  z-index: 2147483645 !important;
}

/* Colorbox wrapper and content - highest z-index */
#colorbox,
#cboxWrapper {
  z-index: 2147483646 !important;
}

/* Ensure colorbox controls are clickable and visible */
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  position: absolute !important;
}

/* Ensure colorbox content and loaded content maintain proper layering */
#cboxContent,
#cboxLoadedContent {
  pointer-events: auto !important;
  position: relative;
  z-index: auto;
}

/* Ensure the image itself is clickable for navigation */
#cboxLoadedContent img {
  pointer-events: auto !important;
}

/* Prevent other overlays from covering colorbox when active */
body.colorbox-active #ed11y-panel,
body.colorbox-active .ed11y-element-panel,
body.colorbox-active [class*="ed11y"] {
  z-index: 1000 !important;
}