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


.wp-block-navigation.is-style-menu-stack,
.wp-block-navigation.is-style-menu-stack .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.wp-block-navigation.is-style-menu-stack .wp-block-navigation-item {
    line-height: 1.55;
}

.wp-block-navigation.is-style-menu-stack[class*=has-gray-contrast] li a:hover {
    color: white;
}


@media only screen and (min-width: 961px) {
    .wp-block-navigation.is-style-menu-header {
        gap: 5px;
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item {
        background-color: transparent;
        transition: var(--trn-ease);
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item__content {
        color: var(--wp--preset--color--base-one);
        font-size: .778rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.25;
        padding: .63rem .55rem;
        text-transform: uppercase;
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child>.wp-block-navigation-item__content {
        padding-right: .1rem;
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.current-menu-item {
        background-color: var(--wp--preset--color--secondary);
    }

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

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content~.wp-block-navigation-submenu__toggle,
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item:hover>.wp-block-navigation-item__content~.wp-block-navigation-submenu__toggle,
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .current-menu-ancestor,
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .current-menu-ancestor+.wp-block-navigation-submenu__toggle,
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation-submenu .current-menu-item>.wp-block-navigation-item__content {
        color: var(--wp--preset--color--white);
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation-submenu .current-menu-item>.wp-block-navigation-item__content {
        background-color: var(--wp--preset--color--primary);
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
        padding: .33rem .44rem;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -3px;
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="false"] {
        background-color: transparent;
        transform: rotate(0deg);
        transition: var(--trn-ease);
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
        background-color: transparent;
        transform: rotate(180deg);
        transition: var(--trn-ease);
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
        color: var(--wp--preset--color--base-one);
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid var(--wp--preset--color--secondary);
        padding: .33rem .55rem;
        max-width: 250px;
        width: max-content;
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: var(--wp--preset--color--primary);
        padding-top: .44rem;
        padding-bottom: .44rem;
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child:has(> .current-menu-ancestor) {
        background-color: var(--wp--preset--color--secondary);
    }

    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
    }
}


@media only screen and (max-width: 1366px) and (min-width:961px) {
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item__content {
        font-size: var(--wp--preset--font-size--tiny);
    }
}

@media only screen and (max-width: 1200px) {
    header.wp-block-template-part .r_nav_w_btns {
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: var(--wp--preset--spacing--10);
    }
}

@media only screen and (max-width: 960px) {
    .wp-block-navigation.is-style-menu-header .wp-block-navigation-item__content {
        font-size: var(--wp--preset--font-size--x-small);
    }

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

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

    .wp-block-navigation.is-style-menu-header .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--20);
        width: clamp(16rem, 100%, 60%);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-menu-header,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-menu-header .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-menu-header .wp-block-navigation-item__content {
        display: block;
        padding: .6em 1em;
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-style-menu-header .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-menu-header .wp-block-navigation-item__content:hover {
        background-color: var(--wp--preset--color--secondary);
        color: white;
    }

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

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

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

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

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

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