/**
 * MINGRAI navigation depth extension
 *
 * The existing theme styles the first submenu level as a dropdown panel.
 * WordPress uses the same .sub-menu class for every deeper level. Without
 * an explicit override, the third level is positioned as another absolute
 * dropdown and overlaps its parent menu.
 *
 * This file keeps the first dropdown unchanged and renders submenu levels
 * from depth 3 onward as indented lists inside their parent dropdown.
 */

/* Third navigation level: Apps > Agile Atlas > Release 3 Features */
.site-header .menu .sub-menu .sub-menu,
.site-header .nav-menu .sub-menu .sub-menu,
.main-navigation .menu .sub-menu .sub-menu,
.primary-navigation .menu .sub-menu .sub-menu,
.site-navigation .menu .sub-menu .sub-menu,
header nav .menu .sub-menu .sub-menu {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0.15rem 0.65rem 0.55rem 1.15rem !important;
    padding: 0.15rem 0 0.15rem 0.85rem !important;

    border: 0 !important;
    border-left: 2px solid rgba(255, 140, 0, 0.5) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Remove inherited dropdown spacing from nested list items. */
.site-header .menu .sub-menu .sub-menu > li,
.site-header .nav-menu .sub-menu .sub-menu > li,
.main-navigation .menu .sub-menu .sub-menu > li,
.primary-navigation .menu .sub-menu .sub-menu > li,
.site-navigation .menu .sub-menu .sub-menu > li,
header nav .menu .sub-menu .sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Visually distinguish the deeper navigation level. */
.site-header .menu .sub-menu .sub-menu > li > a,
.site-header .nav-menu .sub-menu .sub-menu > li > a,
.main-navigation .menu .sub-menu .sub-menu > li > a,
.primary-navigation .menu .sub-menu .sub-menu > li > a,
.site-navigation .menu .sub-menu .sub-menu > li > a,
header nav .menu .sub-menu .sub-menu > li > a {
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0.62rem 0.7rem !important;

    border: 0 !important;
    border-radius: 0.6rem !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 0.93rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.site-header .menu .sub-menu .sub-menu > li > a:hover,
.site-header .menu .sub-menu .sub-menu > li > a:focus-visible,
.site-header .nav-menu .sub-menu .sub-menu > li > a:hover,
.site-header .nav-menu .sub-menu .sub-menu > li > a:focus-visible,
.main-navigation .menu .sub-menu .sub-menu > li > a:hover,
.main-navigation .menu .sub-menu .sub-menu > li > a:focus-visible,
.primary-navigation .menu .sub-menu .sub-menu > li > a:hover,
.primary-navigation .menu .sub-menu .sub-menu > li > a:focus-visible,
.site-navigation .menu .sub-menu .sub-menu > li > a:hover,
.site-navigation .menu .sub-menu .sub-menu > li > a:focus-visible,
header nav .menu .sub-menu .sub-menu > li > a:hover,
header nav .menu .sub-menu .sub-menu > li > a:focus-visible {
    color: var(--mingrai-blue, #0066cc) !important;
    background: rgba(0, 102, 204, 0.07) !important;
}

/* Keep current/ancestor states readable without recreating a floating card. */
.site-header .menu .sub-menu .sub-menu .current-menu-item > a,
.site-header .menu .sub-menu .sub-menu .current_page_item > a,
.site-header .nav-menu .sub-menu .sub-menu .current-menu-item > a,
.site-header .nav-menu .sub-menu .sub-menu .current_page_item > a,
.main-navigation .menu .sub-menu .sub-menu .current-menu-item > a,
.main-navigation .menu .sub-menu .sub-menu .current_page_item > a,
.primary-navigation .menu .sub-menu .sub-menu .current-menu-item > a,
.primary-navigation .menu .sub-menu .sub-menu .current_page_item > a,
.site-navigation .menu .sub-menu .sub-menu .current-menu-item > a,
.site-navigation .menu .sub-menu .sub-menu .current_page_item > a,
header nav .menu .sub-menu .sub-menu .current-menu-item > a,
header nav .menu .sub-menu .sub-menu .current_page_item > a {
    color: var(--mingrai-blue, #0066cc) !important;
    background: rgba(0, 102, 204, 0.1) !important;
    font-weight: 650 !important;
}

/*
 * Fourth level and deeper remain indented recursively. This is not needed
 * today, but prevents the same overlap when another hierarchy is added.
 */
.site-header .menu .sub-menu .sub-menu .sub-menu,
.site-header .nav-menu .sub-menu .sub-menu .sub-menu,
.main-navigation .menu .sub-menu .sub-menu .sub-menu,
.primary-navigation .menu .sub-menu .sub-menu .sub-menu,
.site-navigation .menu .sub-menu .sub-menu .sub-menu,
header nav .menu .sub-menu .sub-menu .sub-menu {
    margin-left: 0.75rem !important;
    border-left-color: rgba(0, 102, 204, 0.28) !important;
}

/* Compact the indentation on narrow screens. */
@media (max-width: 900px) {
    .site-header .menu .sub-menu .sub-menu,
    .site-header .nav-menu .sub-menu .sub-menu,
    .main-navigation .menu .sub-menu .sub-menu,
    .primary-navigation .menu .sub-menu .sub-menu,
    .site-navigation .menu .sub-menu .sub-menu,
    header nav .menu .sub-menu .sub-menu {
        margin-right: 0 !important;
        margin-left: 0.75rem !important;
        padding-left: 0.7rem !important;
    }
}