/* Navigation containment safeguards. Semplice/custom styles must not crop a
   dropdown to the height of its first link. */
nav.nav li.has-dropdown > .dropdown {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

nav.nav li.has-dropdown > .dropdown > a,
#mobileMenu .services-list > a {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

@media (min-width: 992px) {
    #navbar-top.smp-navbar {
        overflow: visible !important;
    }

    nav.nav li.has-dropdown:hover > .dropdown,
    nav.nav li.has-dropdown:focus-within > .dropdown {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }

    .mpc-submenu-toggle,
    .mpc-mobile-menu-toggle {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #mobileMenu {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    #mobileMenu > .mpc-mobile-menu-group {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: center;
        width: 100%;
    }

    #mobileMenu > .mpc-mobile-menu-group > a {
        grid-column: 1;
        margin: 0 !important;
    }

    #mobileMenu .mpc-mobile-menu-toggle {
        display: flex;
        grid-column: 2;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin: 0;
        padding: 0;
        color: #fff;
        background: rgba(255, 255, 255, .13);
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 50%;
        cursor: pointer;
    }

    #mobileMenu .mpc-mobile-menu-toggle span,
    nav.nav .mpc-submenu-toggle span {
        display: block;
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-2px) rotate(45deg);
        transition: transform .2s ease;
    }

    #mobileMenu .mpc-mobile-menu-group--open .mpc-mobile-menu-toggle {
        color: #27236e;
        background: #43d0f0;
        border-color: #43d0f0;
    }

    #mobileMenu .mpc-mobile-menu-group--open .mpc-mobile-menu-toggle span,
    nav.nav li.mpc-submenu-open > .mpc-submenu-toggle span {
        transform: translateY(2px) rotate(225deg);
    }

    #mobileMenu .mpc-mobile-menu-group > .services-list {
        display: none !important;
        grid-column: 1 / -1;
        width: 100%;
        height: auto !important;
        max-height: none !important;
        margin: 4px 0 10px !important;
        padding: 6px 0 6px 12px !important;
        overflow: visible !important;
        border-left: 3px solid #43d0f0;
    }

    #mobileMenu .mpc-mobile-menu-group--open > .services-list {
        display: block !important;
    }

    #mobileMenu .services-list .service-link {
        margin: 0 !important;
        padding: 8px 10px !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    nav.nav > ul {
        max-height: calc(100dvh - 120px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    nav.nav > ul > li.has-dropdown {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 48px;
        align-items: center;
    }

    nav.nav > ul > li.has-dropdown > a { grid-column: 1; min-width: 0; }

    nav.nav > ul > li.has-dropdown > .mpc-submenu-toggle {
        display: flex;
        grid-column: 2;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin: 0;
        padding: 0;
        color: currentColor;
        background: rgba(20, 120, 184, .09);
        border: 0;
        border-radius: 50%;
        cursor: pointer;
    }

    nav.nav > ul > li.has-dropdown > .dropdown {
        position: static !important;
        display: none !important;
        grid-column: 1 / -1;
        width: 100% !important;
        min-width: 0 !important;
        margin: 6px 0 12px !important;
        padding: 8px 0 8px 18px !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        background: rgba(23, 55, 80, .055) !important;
        border-left: 3px solid #43d0f0;
        box-shadow: none !important;
    }

    nav.nav > ul > li.has-dropdown.mpc-submenu-open > .dropdown {
        display: block !important;
    }

    nav.nav > ul > li.has-dropdown > .dropdown a {
        display: block !important;
        padding: 9px 12px !important;
        font-size: .88em !important;
        line-height: 1.3 !important;
    }
}