/*
 * Submenu de 2º nível do menu principal (resources/views/components/menu-v2/index.blade.php).
 * Flyout lateral no desktop (>= 1200px, navbar-expand-xl) e sanfona recuada abaixo disso.
 * Arquivo fora do Mix de propósito: evita recompilar os bundles versionados (v2.css / web.js).
 */

#menu-principal .menu-has-sub {
    position: relative;
}

#menu-principal .menu-submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: .5rem 0;
}

#menu-principal .menu-submenu.show {
    display: block;
}

/* Seta do item que abre o submenu */
#menu-principal .submenu-toggle {
    position: relative;
    padding-right: 2rem !important;
}

#menu-principal .submenu-toggle::after {
    content: "";
    position: absolute;
    right: .9rem;
    top: 50%;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .35em solid currentColor;
    transform: translateY(-50%);
    transition: transform .15s ease-in-out;
}

#menu-principal .menu-has-sub.show > .submenu-toggle {
    font-weight: 500;
}

@media (min-width: 1200px) {
    #menu-principal .menu-submenu {
        position: absolute;
        top: -.5rem;
        left: 100%;
        min-width: 12rem;
        z-index: 1001;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    }

    #menu-principal .menu-submenu .nav-link {
        white-space: nowrap;
    }

    /* Sem espaço à direita: abre para a esquerda */
    #menu-principal .menu-has-sub.open-left > .menu-submenu {
        left: auto;
        right: 100%;
    }

    #menu-principal .menu-has-sub.open-left > .submenu-toggle::after {
        transform: translateY(-50%) rotate(180deg);
    }
}

@media (max-width: 1199.98px) {
    #menu-principal .menu-submenu {
        padding: 0 0 .25rem 1rem;
        border-bottom: 0 !important;
    }

    #menu-principal .submenu-toggle::after {
        transform: translateY(-50%) rotate(90deg);
    }

    #menu-principal .menu-has-sub.show > .submenu-toggle::after {
        transform: translateY(-50%) rotate(-90deg);
    }
}