/* v2.4.3 public rendering fixes */
.nested-list i {
    color: inherit !important;
}

@media (min-width: 701px) {
    .site-menu .menu-parent,
    .site-menu .menu-parent.mega {
        width: auto !important;
    }

    .site-menu .menu-parent > button {
        width: auto !important;
        text-align: center !important;
    }

    .site-menu .menu-parent > .submenu {
        position: absolute !important;
        top: 100% !important;
        box-sizing: border-box;
        max-width: calc(100vw - 32px);
        overflow-wrap: anywhere;
    }

    .site-nav.light .submenu {
        background: #ffffff !important;
        color: #20242b !important;
        border: 1px solid rgba(16, 24, 40, 0.08);
    }

    .site-nav.light .submenu a {
        color: #20242b !important;
    }

    .site-nav.dark .submenu {
        background: #202228 !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 18px 46px rgba(0, 0, 0, 0.36);
    }

    .site-nav.dark .submenu a {
        color: #ffffff !important;
    }

    .site-nav.dark .submenu a:hover {
        background: rgba(255, 255, 255, 0.09) !important;
    }

    .site-nav.brand .submenu {
        background: var(--brand) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
    }

    .site-nav.brand .submenu a {
        color: #ffffff !important;
    }

    .site-nav.brand .submenu a:hover {
        background: rgba(255, 255, 255, 0.13) !important;
    }
}

@media (min-width: 701px) and (max-width: 991px) {
    .site-menu .menu-parent:not(.mega) > .submenu {
        left: auto !important;
        right: 0 !important;
        min-width: 220px;
        width: max-content !important;
        max-width: min(360px, calc(100vw - 32px));
    }

    .site-menu .menu-parent.mega {
        position: static !important;
    }

    .site-menu .menu-parent.mega > .submenu {
        left: 16px !important;
        right: 16px !important;
        width: auto !important;
        max-width: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        max-height: calc(100vh - 104px);
        overflow-y: auto;
    }
}