/* ARMANIPLAST-PASS-038 — undo Pass 037 mega flyout collision; keep compact in-column padding */

/*
 * REG-038-001 / REQ-037-001
 * Pass 037 applied position/opacity/visibility to EVERY .dropdown-menu under
 * #nav-products-submenu. Third-level flyouts stayed position:absolute (Pass 010
 * more specific) but were forced visible, so every nested panel painted at
 * top:0 of its parent and labels overlapped.
 * Restore: column lists in-flow + visible; deeper menus hidden until hover.
 */
@media (min-width: 990px) {
    header.header .nav-item.has-dropdown:hover > #nav-products-submenu,
    header.header .nav-item.has-dropdown.open > #nav-products-submenu,
    header.header .nav-item.has-dropdown.show > #nav-products-submenu,
    header.header .nav-item.has-dropdown:focus-within > #nav-products-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu {
        align-items: flex-start !important;
        align-content: flex-start !important;
        height: auto !important;
    }

    header.header #nav-products-submenu > .dropdown-item {
        align-self: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
    }

    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu > .dropdown-item {
        position: relative;
        display: block;
        height: auto !important;
        min-height: 0 !important;
        padding: 0;
        margin: 0;
        align-self: auto !important;
    }

    /* Second level only: stay open inside the four columns */
    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item > .dropdown-menu,
    header.header .nav-item.has-dropdown > #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        display: grid !important;
        grid-template-columns: 1fr;
        align-content: start !important;
        justify-content: start !important;
        align-items: stretch !important;
        row-gap: 0 !important;
        flex-direction: unset !important;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item:nth-child(3) > .dropdown-menu {
        grid-template-columns: 1fr 1fr;
    }

    /* Third level: lateral flyout — beat Pass 037 blanket opacity/static */
    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item.has-dropdown > .dropdown-menu,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu > .dropdown-item.has-dropdown > .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown > .dropdown-menu .dropdown-item.has-dropdown > .dropdown-menu {
        position: absolute !important;
        top: 0 !important;
        right: calc(100% - 6px) !important;
        left: auto !important;
        bottom: auto !important;
        min-width: 12rem !important;
        width: max-content !important;
        max-width: 16rem !important;
        height: auto !important;
        z-index: 90;
        background: #fff !important;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: none !important;
        display: block !important;
        padding: 0.25rem 0 !important;
    }

    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item.has-dropdown:hover > .dropdown-menu,
    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item.has-dropdown:focus-within > .dropdown-menu,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu > .dropdown-item.has-dropdown:hover > .dropdown-menu,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu > .dropdown-item.has-dropdown:focus-within > .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown:hover > .dropdown-menu > .dropdown-item.has-dropdown:hover > .dropdown-menu,
    header.header #nav-products-submenu .dropdown-item.has-dropdown:focus-within > .dropdown-menu > .dropdown-item.has-dropdown:focus-within > .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Compact in-column labels without stretching rows */
    header.header #nav-products-submenu > .dropdown-item > .dropdown-menu > .dropdown-item > a,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > .dropdown-menu > .dropdown-item > a {
        padding: 0.28rem 0.7rem !important;
        line-height: 1.4 !important;
        height: auto !important;
        min-height: 0 !important;
        white-space: normal !important;
    }

    header.header #nav-products-submenu > .dropdown-item > a,
    header.header #nav-products-submenu > .dropdown-item > .dropdown-item-text,
    header.header #nav-products-submenu > .ap-nav-col-stack > .ap-nav-stack-group > a {
        padding: 0.45rem 0.85rem 0.2rem !important;
        line-height: 1.4 !important;
        font-weight: 700;
    }
}