/**
 * Navigation Block Style
 *
 * @package WordPress
 * @since BUDRMBOWLS 1.0
 *
*/

.wp-block-navigation.is-style-vertical_nav .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    /* color: red; */
}

.wp-block-navigation.is-style-footer_menu_nav .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}

.wp-block-navigation.is-style-footer_menu_nav .wp-block-navigation-item>a {
    color: var(--wp--preset--color--gray-contrast-2);
    font-size: var(--wp--preset--font-size--tiny);
}

.wp-block-navigation.is-style-footer_menu_nav .wp-block-navigation-item>a:hover {
    color: var(--wp--preset--color--white)
}

.wp-block-navigation.is-style-main_nav>.wp-block-navigation-item>a {
    border-top: 6px solid transparent;
    font-weight: 600;
    font-size: .9375rem;
    letter-spacing: 1px;
    line-height: 1.4;
    padding: 2rem var(--wp--preset--spacing--10);
    text-transform: uppercase;
}

.wp-block-navigation.is-style-main_nav>.wp-block-navigation-item:last-child>a {
    background-color: var(--wp--preset--color--secondary);
    border-top: 0;
}

.wp-block-navigation.is-style-main_nav>.wp-block-navigation-item:last-child:is(:last-of-type)>a {
    background-color: var(--wp--preset--color--secondary);
    padding: 1em 1.5em;
    border-radius: 50px;
    letter-spacing: 2px;
    font-weight: 700;
}

.wp-block-navigation.is-style-main_nav>.wp-block-navigation-item:last-child:is(:last-of-type)>a:hover {
    background-color: var(--wp--preset--color--primary);
    color: white;
}

.wp-block-navigation.is-style-main_nav>.wp-block-navigation-item.current-menu-item>a,
.wp-block-navigation.is-style-main_nav>.wp-block-navigation-item>a:hover {
    border-top-color: var(--wp--preset--color--primary);
}

.wp-block-navigation.is-style-main_nav .wp-block-navigation-submenu .wp-block-navigation-item {
    border-bottom: 1px solid var(--wp--preset--color--gray-contrast-3);
}

.wp-block-navigation.is-style-main_nav .wp-block-navigation-submenu>li:last-of-type {
    border-bottom: 0;
}

.wp-block-navigation.is-style-main_nav .wp-block-navigation-submenu>.wp-block-navigation-item>a:hover {
    background-color: var(--wp--preset--color--primary);
    color: white;
}

.wp-block-navigation.is-style-main_nav:not(.has-background)>.wp-block-navigation-item>.wp-block-navigation__submenu-container {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.wp-block-navigation.is-style-main_nav:not(.has-background) .wp-block-navigation__submenu-container {
    border: 0;
    border-top: 1px solid var(--wp--preset--color--gray-contrast-3);
    box-shadow: 0px 10px 35px -5px rgba(0, 0, 0, 0.25);
}

/* Media Queries  */
@media only screen and (max-width: 1200px) {
    .wp-block-navigation.is-style-main_nav>.wp-block-navigation-item>a {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 992px) {
    header.main_header div:has(>.is-style-main_nav.wp-block-navigation) {
        align-items: center;
    }

    .wp-block-navigation.is-style-main_nav:not(.has-background)>.wp-block-navigation-item>.wp-block-navigation__submenu-container {
        border-top: 0;
    }

    .wp-block-navigation.is-style-main_nav:not(.has-background) .wp-block-navigation__submenu-container {
        box-shadow: unset;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav .has-child .wp-block-navigation__submenu-container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
    }

    .wp-block-navigation.is-style-main_nav .wp-block-navigation-item__content {
        font-size: .85rem
    }

    .wp-block-navigation.is-style-main_nav>.wp-block-navigation-item:last-child:is(:last-of-type)>a {
        padding: .85em 1.65em !important;
        width: initial !important;
    }

    .wp-block-navigation.is-style-main_nav .wp-block-navigation__responsive-container.is-menu-open {
        box-shadow: 15px 0px 20px -10px rgba(0, 0, 0, 0.35);
        padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
        /* width: clamp(16rem, 100%, 60%); */
        width: clamp(15.625rem, 65.029vw + 3.432rem, 43.75rem);
        z-index: 99999921;
    }

    .wp-block-navigation.is-style-main_nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: calc(0rem + 24px);
    }

    .has-modal-open .admin-bar .wp-block-navigation.is-style-main_nav .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top: 0;
    }



    .wp-block-navigation.is-style-main_nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }

    .wp-block-navigation.is-style-main_nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav .wp-block-navigation-item {
        width: 100%;
        gap: 2px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav .wp-block-navigation-item__content {
        display: block;
        padding: .65em 1.65em;
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav .wp-block-navigation-item.current-menu-item>a,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav .wp-block-navigation-item__content:hover {
        background-color: var(--wp--preset--color--primary);
        border-top: 0;
        border-radius: 50px;
        color: white;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-main_nav .wp-block-navigation__submenu-container {
        padding-top: 0;
    }



    .wp-block-navigation.is-style-main_nav+.wp-block-buttons {
        gap: 5px;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .wp-block-navigation.is-style-main_nav+.wp-block-buttons ..wp-block-button {
        min-width: fit-content;
    }
}

@media only screen and (max-width: 599px) {

    /* .wp-block-navigation.is-style-main_nav .wp-block-navigation-item:hover,
    .wp-block-navigation.is-style-main_nav .wp-block-navigation-item.has-child:has(> .current-menu-ancestor):hover {
        background-color: var(--wp--preset--color--darker-secondary) !important;
    } */
}