/* Root: critical.min.css sets .main-content / .navbar / .footer to position:relative;z-index:0,
   which traps modal overlays inside .main-content's stacking context. The cookie disclosure
   (.hoe-disclosure z:9999) and Ko-fi widget (#kofiWidget) are siblings of .main-content at body
   root, so they paint OVER any modal stuck inside main-content. Two-pronged fix:
   1) keep .main-content's stacking context at z:1 (so normal page chrome works);
   2) when any modal-style overlay is open, lower the disclosure / Ko-fi / footer below them. */
.main-content {
  z-index: 1 !important;
}
.footer {
  z-index: 0 !important;
}
body:has(.cs-modal-overlay:not(.hidden)) .hoe-disclosure,
body:has(.bs-picker-overlay:not(.hidden)) .hoe-disclosure,
body:has(.tooltip-overlay:not(.hidden)) .hoe-disclosure,
body:has(.detail-panel-container.open) .hoe-disclosure,
body:has(.hoe-modal-overlay.open) .hoe-disclosure,
body:has(.cs-modal-overlay:not(.hidden)) #kofiWidget,
body:has(.bs-picker-overlay:not(.hidden)) #kofiWidget,
body:has(.tooltip-overlay:not(.hidden)) #kofiWidget,
body:has(.detail-panel-container.open) #kofiWidget,
body:has(.hoe-modal-overlay.open) #kofiWidget,
body:has(.cs-modal-overlay:not(.hidden)) #cookieDisclosure,
body:has(.bs-picker-overlay:not(.hidden)) #cookieDisclosure,
body:has(.tooltip-overlay:not(.hidden)) #cookieDisclosure,
body:has(.detail-panel-container.open) #cookieDisclosure,
body:has(.hoe-modal-overlay.open) #cookieDisclosure {
  z-index: 0 !important;
  pointer-events: none !important;
}

.cs-modal-overlay,
.bs-picker-overlay,
.tooltip-overlay {
  z-index: 12000 !important;
}

.cs-modal,
.bs-picker-modal,
.tooltip-box {
  position: relative;
  z-index: 12001;
}

.detail-panel-container,
.detail-panel-container .dp-panel,
.dp-backdrop {
  z-index: 11500 !important;
}

.hoe-modal-overlay {
  z-index: 13000 !important;
}

.hoe-toast,
.hoe-toast-stack {
  z-index: 13100 !important;
}

body:has(.cs-modal-overlay:not(.hidden)) .footer,
body:has(.bs-picker-overlay:not(.hidden)) .footer,
body:has(.tooltip-overlay:not(.hidden)) .footer,
body:has(.detail-panel-container.open) .footer {
  z-index: 0 !important;
}