/* Cri-One store - mega-menu container stacking + dropdown clarity.
   Loaded on storefront pages only, via nginx sub_filter into </head>.

   Was z-index: 9000 (2026-07-31), which put the nav ABOVE Magento's own modals
   (defaults to 900) and its minicart panel - the dialog and minicart were both
   painting BEHIND the nav on 2026-08-02. Safe slot for a page-level nav is
   above page content and below any modal: 200 keeps the tabs above the search
   suggestions dropdown (Magento uses up to ~120 there) but out of the modal
   range entirely. The inline styles in design/head/includes already use 200/201
   for .cgb-nav .mega and .cgb-nav ul.top > li:hover > a. */
html body:not([class*='adminhtml-']) .cgb-nav {
    position: relative !important;
    z-index: 200 !important;
}
html body:not([class*='adminhtml-']) .cgb-nav .mega {
    z-index: 201 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
}

/* Neutralize any transform on nearby elements that would create a stacking
   context and trap the dropdown behind them. */
html body:not([class*='adminhtml-']) .page-wrapper,
html body:not([class*='adminhtml-']) .page-header,
html body:not([class*='adminhtml-']) .header.content,
html body:not([class*='adminhtml-']) .nav-sections {
    transform: none !important;
    filter: none !important;
    contain: none !important;
}