/* Batch 45.28.11 - top dropdown z-index / stacking fix */

/*
Problem:
Top dropdown submenu items were visually underneath page titles/cards.
Fix:
Create a high z-index header/menu stacking context and keep content panels lower.
*/

/* Header/topbar must always sit above page content */
.bo-shell-header,
.bo-shell-top,
.bo-shell-topbar,
.bo-dashboard-header,
.bo-dashboard-topbar,
.bo-app-header,
.bo-app-topbar,
.bo-header,
.bo-header-inner,
header.bo-shell,
header.bo-top,
header {
    position: relative !important;
    z-index: 200000 !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* Main nav creates the dropdown layer */
.bo-top-nav {
    position: relative !important;
    z-index: 210000 !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* Menu groups must not clip their dropdowns */
.bo-top-nav > ul,
.bo-top-nav .bo-nav-list,
.bo-top-nav .bo-nav-group {
    overflow: visible !important;
}

/* Dropdowns above everything else */
.bo-top-nav .bo-nav-menu {
    position: absolute !important;
    z-index: 9999999 !important;
    background: #fff !important;
    opacity: 1 !important;
    visibility: visible;
    box-shadow: 0 24px 70px rgba(15, 38, 64, .22) !important;
}

/* Hover/focus remains active */
.bo-top-nav .bo-nav-group:hover .bo-nav-menu,
.bo-top-nav .bo-nav-group:focus-within .bo-nav-menu {
    display: block !important;
    z-index: 9999999 !important;
}

/* Page/content should not compete with dropdown layer */
.bo-shell-body,
.bo-dashboard-body,
.bo-app-body,
.bo-main-shell,
.bo-layout,
.bo-page,
.bo-content,
.bo-content-wrap,
.bo-main,
main,
main.bo-shell-main,
main.bo-main,
section,
article,
.bo-goal-page,
.bo-goal-hero,
.bo-goal-alert,
.bo-goal-card,
.bo-goal-examples,
.bo-up,
.bo-up-head,
.bo4528,
.bo4528-hero,
.bo4528-panel {
    z-index: auto !important;
}

/* If content cards were positioned in older batches, keep them below nav */
.bo-card,
.bo-panel,
.bo-section,
.bo-page-card,
.bo-dashboard-card,
.bo-goal-hero,
.bo-goal-card,
.bo-goal-alert {
    position: relative !important;
    z-index: 1 !important;
}

/* Header right controls remain above content but below dropdowns */
.bo-language-switcher,
.bo-dashboard-button,
.bo-logout-button,
.bo-user-actions,
a[href*="logout"],
a[href*="dashboard"],
select[name*="lang"],
select[id*="lang"] {
    position: relative !important;
    z-index: 210001 !important;
}

/* Keep hidden top search/goal from prior batch */
.bo-shell-header a[href*="bo-goal-assistant"],
.bo-shell-top a[href*="bo-goal-assistant"],
.bo-shell-topbar a[href*="bo-goal-assistant"],
.bo-dashboard-header a[href*="bo-goal-assistant"],
.bo-dashboard-topbar a[href*="bo-goal-assistant"],
.bo-app-header a[href*="bo-goal-assistant"],
.bo-app-topbar a[href*="bo-goal-assistant"],
.bo-header a[href*="bo-goal-assistant"],
.bo-header-inner a[href*="bo-goal-assistant"],
header a[href*="bo-goal-assistant"],
.bo-shell-header .bo-goal-button,
.bo-shell-top .bo-goal-button,
.bo-shell-topbar .bo-goal-button,
.bo-dashboard-header .bo-goal-button,
.bo-dashboard-topbar .bo-goal-button,
.bo-app-header .bo-goal-button,
.bo-app-topbar .bo-goal-button,
.bo-header .bo-goal-button,
.bo-header-inner .bo-goal-button,
header .bo-goal-button,
.bo-shell-header .bo-achieve-button,
.bo-shell-top .bo-achieve-button,
.bo-shell-topbar .bo-achieve-button,
.bo-dashboard-header .bo-achieve-button,
.bo-dashboard-topbar .bo-achieve-button,
.bo-app-header .bo-achieve-button,
.bo-app-topbar .bo-achieve-button,
.bo-header .bo-achieve-button,
.bo-header-inner .bo-achieve-button,
header .bo-achieve-button {
    display: none !important;
}

/* Hide header search wrappers only, keep left sidebar search */
.bo-shell-header .bo-shell-search,
.bo-shell-header .bo-global-search,
.bo-shell-header .bo-header-search,
.bo-shell-header .bo-search,
.bo-shell-header .search,
.bo-shell-header .searchbox,
.bo-shell-header .search-box,
.bo-shell-header .top-search,
.bo-shell-header .global-search,
.bo-shell-top .bo-shell-search,
.bo-shell-top .bo-global-search,
.bo-shell-top .bo-header-search,
.bo-shell-top .bo-search,
.bo-shell-top .search,
.bo-shell-top .searchbox,
.bo-shell-top .search-box,
.bo-shell-top .top-search,
.bo-shell-top .global-search,
.bo-shell-topbar .bo-shell-search,
.bo-shell-topbar .bo-global-search,
.bo-shell-topbar .bo-header-search,
.bo-shell-topbar .bo-search,
.bo-shell-topbar .search,
.bo-shell-topbar .searchbox,
.bo-shell-topbar .search-box,
.bo-shell-topbar .top-search,
.bo-shell-topbar .global-search,
.bo-dashboard-header .bo-shell-search,
.bo-dashboard-header .bo-global-search,
.bo-dashboard-header .bo-header-search,
.bo-dashboard-header .bo-search,
.bo-dashboard-header .search,
.bo-dashboard-header .searchbox,
.bo-dashboard-header .search-box,
.bo-dashboard-header .top-search,
.bo-dashboard-header .global-search,
.bo-dashboard-topbar .bo-shell-search,
.bo-dashboard-topbar .bo-global-search,
.bo-dashboard-topbar .bo-header-search,
.bo-dashboard-topbar .bo-search,
.bo-dashboard-topbar .search,
.bo-dashboard-topbar .searchbox,
.bo-dashboard-topbar .search-box,
.bo-dashboard-topbar .top-search,
.bo-dashboard-topbar .global-search,
.bo-app-header .bo-shell-search,
.bo-app-header .bo-global-search,
.bo-app-header .bo-header-search,
.bo-app-header .bo-search,
.bo-app-header .search,
.bo-app-header .searchbox,
.bo-app-header .search-box,
.bo-app-header .top-search,
.bo-app-header .global-search,
.bo-app-topbar .bo-shell-search,
.bo-app-topbar .bo-global-search,
.bo-app-topbar .bo-header-search,
.bo-app-topbar .bo-search,
.bo-app-topbar .search,
.bo-app-topbar .searchbox,
.bo-app-topbar .search-box,
.bo-app-topbar .top-search,
.bo-app-topbar .global-search,
.bo-header .bo-shell-search,
.bo-header .bo-global-search,
.bo-header .bo-header-search,
.bo-header .bo-search,
.bo-header .search,
.bo-header .searchbox,
.bo-header .search-box,
.bo-header .top-search,
.bo-header .global-search,
.bo-header-inner .bo-shell-search,
.bo-header-inner .bo-global-search,
.bo-header-inner .bo-header-search,
.bo-header-inner .bo-search,
.bo-header-inner .search,
.bo-header-inner .searchbox,
.bo-header-inner .search-box,
.bo-header-inner .top-search,
.bo-header-inner .global-search,
header .bo-shell-search,
header .bo-global-search,
header .bo-header-search,
header .bo-search,
header .search,
header .searchbox,
header .search-box,
header .top-search,
header .global-search {
    display: none !important;
}

/* Hamburger mode retained from previous patch */
.bo-nav-toggle,
.bo-nav-hamburger {
    display: none;
}

@media (max-width: 1650px) {
    .bo-top-nav {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 112px !important;
        max-width: 132px !important;
        overflow: visible !important;
        margin-left: auto !important;
        margin-right: 8px !important;
    }

    .bo-nav-toggle {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .bo-nav-hamburger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 36px !important;
        padding: 0 12px !important;
        border: 1px solid #b8cadd !important;
        background: #fff !important;
        color: #18324b !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        position: relative !important;
        z-index: 210002 !important;
    }

    .bo-top-nav > ul,
    .bo-top-nav .bo-nav-list {
        display: none !important;
        position: fixed !important;
        top: 62px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        max-height: calc(100vh - 62px) !important;
        overflow: auto !important;
        background: #fff !important;
        border-top: 1px solid #d7e2ed !important;
        border-bottom: 1px solid #d7e2ed !important;
        box-shadow: 0 18px 50px rgba(15,38,64,.16) !important;
        padding: 12px !important;
        margin: 0 !important;
        z-index: 9999998 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
    }

    .bo-nav-toggle:checked ~ ul,
    .bo-nav-toggle:checked ~ .bo-nav-list {
        display: flex !important;
    }

    .bo-top-nav .bo-nav-group {
        width: 100% !important;
        border: 1px solid #e2eaf2 !important;
        background: #fff !important;
    }

    .bo-top-nav .bo-nav-head {
        width: 100% !important;
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        letter-spacing: .05em !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    .bo-top-nav .bo-nav-menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        max-height: none !important;
        box-shadow: none !important;
        border: 0 !important;
        border-top: 1px solid #e2eaf2 !important;
        padding: 4px 0 !important;
        background: #f8fbfe !important;
        z-index: 9999999 !important;
    }

    .bo-top-nav .bo-nav-group:hover .bo-nav-menu,
    .bo-top-nav .bo-nav-group:focus-within .bo-nav-menu {
        display: block !important;
    }

    .bo-top-nav .bo-nav-menu a {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
}


/* Batch 45.30 Data Hub Arena dropdown overlay fix */
.bo-shell-top{
    position:sticky!important;
    top:0!important;
    z-index:2147483000!important;
    overflow:visible!important;
    isolation:isolate!important;
}
.bo-top-nav,
.bo-top-nav nav,
.bo-top-nav .bo-nav-list,
.bo-top-nav .bo-nav-group{
    position:relative!important;
    z-index:2147483001!important;
    overflow:visible!important;
}
.bo-top-nav .bo-nav-menu{
    position:absolute!important;
    top:100%!important;
    z-index:2147483002!important;
    overflow:auto!important;
    pointer-events:auto!important;
    background:#fff!important;
    box-shadow:0 28px 75px rgba(15,38,64,.25)!important;
}
.bo-top-nav .bo-nav-menu:before{
    content:""!important;
    position:absolute!important;
    top:-14px!important;
    left:0!important;
    right:0!important;
    height:14px!important;
    display:block!important;
}
.bo-shell-main,
.bo-shell-sidebar,
.bo-shell-footer,
.bo-shell-footer-restored,
.bo-portal-page,
.bo-page-heading,
.bo-card,
.bo-panel,
main,
section,
article{
    z-index:auto!important;
}
