header .wp-block-navigation__responsive-container.is-menu-open {
    top: 80px;
    border-top: 1px solid var(--wp--preset--color--base-2);
    max-width: 28rem;
    width: 100%;
    left: initial;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    align-items: flex-start;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 1rem;
}
header .wp-block-navigation__container > li > .wp-block-navigation-item__content {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
header .wp-block-navigation__container > li > .wp-block-navigation-item__content::after {
    content: ''; 
    display: block; 
    background-color: var(--wp--preset--color--lavender); 
    width: 0%; 
    height: 0.155rem; 
    position: absolute;
    bottom: 28%;
    transform: translateY(-50%);
    transition: width 0.3s ease;
}

@media screen and (min-width: 990px) {
    header .wp-block-navigation__container > li > .wp-block-navigation-item__content:hover::after,
    header .wp-block-navigation__container > li:has(.wp-block-navigation-submenu__toggle[aria-expanded=true]) > .wp-block-navigation-item__content {
        width: 100%; 
        transition: width 0.3s ease;
    }
    header .wp-block-navigation .wp-block-navigation__submenu-icon {
        padding-bottom: 1.3rem;
        margin-left: 0.5rem;
    }
}

header .wp-block-navigation .wp-block-navigation__submenu-icon {
    width: 1rem;
    height: 1rem;
}
header :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)) {
    padding: 0rem 1rem 1rem;
}
header .wp-block-navigation-submenu  li > a {
    padding-top: 1rem;
}
header .wp-block-navigation__container > li > .wp-block-navigation-item__content:has(.wp-block-navigation-submenu__toggle[aria-expanded=true]):hover {
    width: 100%; 
    transition: width 0.3s ease;
}
header .wp-block-navigation-submenu > li > a:hover {
    cursor: pointer;
    background-color: var(--wp--preset--color--base-3);
}
header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    min-width: 280px;
}

@media screen and (max-width: 989px) {
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        align-items: flex-start;
    }
    header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=false]~.wp-block-navigation__submenu-container {
        height: 0;
        left: -1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        transition: opacity .1s linear;
        visibility: hidden;
        width: 0;
        z-index: 2;
    }
    header .wp-block-navigation .wp-block-navigation-item {
        width: 100%;
    }
    header .wp-block-navigation__responsive-container-content > .wp-block-navigation {
        width: 100%;
    }
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        display: block;
        position: absolute;
        right: 0;
        top: 9px;
    }
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        padding-top: 0;
    }
}