.wp-block-navigation{
    &[aria-label="Main navigation"]{
        align-items: flex-end;
        row-gap: 15px !important;

        .wp-block-navigation-item{
            padding-bottom: 12px;
        }
    }

    .wp-block-navigation__container{
        &.is-style-rise-hover{
            .wp-block-navigation-item{
                .wp-block-navigation-item__content{
                    transition-property: translate;
                    transition-duration: 0.2s;
                    transition-timing-function: ease-in-out;

                    &:hover{
                        translate: 0 -5px 0;
                    }
                }
            }
        }

        .wp-block-navigation-item.has-child{
            ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu:not(.wp-block-navigation__responsive-container ul) {
                border-bottom: 6px solid var(--wp--preset--color--primary);
                border-left: unset;
                border-right: unset;
                border-top: unset;
                box-shadow: 0 3px 30px -3px rgba(0,0,0,0.1);
                left: clamp(-20px, -2vw, -45px);
                padding: clamp(20px, 2.2vw, 45px) clamp(30px, 3.1vw, 65px) clamp(20px, 2.2vw, 45px) clamp(20px, 2.2vw, 45px);
                right: unset;
                transition-property: opacity;
                transition-duration: 0.2s;
                transition-timing-function: ease-in-out;

                .wp-block-navigation-item{
                    padding-bottom: 0;
                    position: relative;

                    + .wp-block-navigation-item{
                        margin-top: 24px;
                    }

                    &::before{
                        color: var(--wp--preset--color--quaternary);
                        content: "\e917";
                        font-family: icomoon;
                        left: -3px;
                        opacity: 0;
                        position: absolute;
                        pointer-events: none;
                        top: 2px;
                        transition-property: opacity;
                        transition-duration: 0.2s;
                        transition-timing-function: ease-in-out;
                    }

                    &:has(.wp-block-navigation-item__content:hover) {
                        &::before{
                            opacity: 1;
                        }
                    }

                    .wp-block-navigation-item__content{
                        padding: 0;

                        &:hover{
                            translate: 18px 0 0;
                        }
                    }
                }
            }
        }
    }
}