/* ========================================
   MVC FOOTER QUICK LINKS
   Collapsible submenu
======================================== */

.footer .widget_nav_menu .menu-item-has-children {
    position: relative;
}

/* Parent link */
.footer .widget_nav_menu .menu-item-has-children > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Dropdown arrow */
.footer .widget_nav_menu .menu-item-has-children > a::after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-top: -4px;
    transition: transform 0.25s ease;
}

/* Hide submenu by default */
.footer .widget_nav_menu .menu-item-has-children > .sub-menu {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    margin: 0;
    padding: 0 0 0 15px;

    transition:
        max-height 0.3s ease,
        opacity 0.25s ease,
        visibility 0.25s ease,
        margin 0.3s ease;
}

/* Show submenu */
.footer .widget_nav_menu .menu-item-has-children:hover > .sub-menu,
.footer .widget_nav_menu .menu-item-has-children:focus-within > .sub-menu {
    max-height: 150px;
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
}

/* Rotate arrow */
.footer .widget_nav_menu .menu-item-has-children:hover > a::after,
.footer .widget_nav_menu .menu-item-has-children:focus-within > a::after {
    transform: rotate(225deg);
    margin-top: 4px;
}

/* Child spacing */
.footer .widget_nav_menu .sub-menu li {
    margin: 0;
    padding: 5px 0;
}

/* Footer menu typography */
.footer .widget_nav_menu a {
    font-family: "Outfit", sans-serif !important;
}