/* Our solutions Navigation */
.highlighted-nav>a,
.highlighted-nav>button {
    &:hover {
        background: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25));
    }
    @media (min-width: 794px) {
        background-color: var(--wp--preset--color--custom-secondary-dark) !important;
        color: var(--wp--preset--color--custom-white) !important;
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
        padding-left: 1.675rem !important;
        padding-right: 1.675rem !important;
        border-radius: 0.5rem !important;
    }
}

.main-navigation {
    > .wp-block-navigation__container > li > a:hover,
    > .wp-block-navigation__container > li:not(.highlighted-nav) > button:hover {
        color: var(--wp--preset--color--custom-primary) !important;
    }
}

.wp-block-search__inside-wrapper {
    .wp-block-search__input {
        border-radius: 4px;
    }
}

.wp-block-search__inside-wrapper {
    @media (min-width: 794px) {
        position: relative;
        align-items: center;

        .wp-block-search__input {
            position: absolute;
            right: 80px;
            min-height: 55px;
            min-width: 20vw;
            border-radius: 4px;
        }
    }
}



.wp-block-outermost-mega-menu__menu-container {
    top: 4.675rem;
}

.gw-mm-item__link > a {
    text-decoration: none;
}

.gw-mm__content {
    gap: 2rem;
}

.sub-sub-navigation {
    display: block;
    width: 100%;
}

.sub-sub-navigation:hover {
    background-color: var(--wp--preset--color--custom-gray-lightest);
}

.sub-sub-navigation > a {
    text-decoration: none !important;
}

/* Main Navigation */
.wp-block-site-logo {
    /* min-width: 50px; */
    width: clamp(3.125rem, -0.833rem + 15.833vi, 9.063rem);
    /* max-width: 145px; */
}
@media (min-width: 794px) {
.mobile-navigation-content { 
    flex: 1 1 auto;
    width: 100%;

    .main-navigation {
        max-width: 100%;
    }
}
}

.wp-block-search__button {
    border-radius: 4px;
    
    svg {
        height: 1.25em;
        min-height: 32px;
        min-width: 32px;
        width: 1.25em;
    }
}



/* MOBILE NAVIGATION */
@media (max-width: 794px) {
    .wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .wp-block-outermost-mega-menu__toggle-icon {
        height: 15px;
        width: 1.4em;
    }

    .mobile-navigation-content {
        position: fixed;
        left:0;
        right:0;
        top: 0;
        bottom:0;
        z-index: 1024;
        background-color: var(--wp--preset--color--custom-white);
        color: var(--wp--preset--color--black);
        flex-direction: column !important;
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-left);
        overflow-x: clip; /* Prevent horizontal scroll */
        overflow-y: auto;
        display: none;
        padding-bottom: 2.5rem;
        justify-content: flex-start;

        > * {
            min-width:100%;
        }

        .main-navigation {
            position: unset;
            gap: 2rem;

        }

        .main-navigation,
        .mobile-meta-navigation {
            display: flex;
            flex-direction: column;
            align-items: stretch;
          

            .wp-block-navigation__container {
                gap: 1rem;
            }
        }

        .mobile-meta-navigation {
            gap: 1rem;
            .wp-block-navigation__container {
                min-width: 100%;
                align-items: flex-start;
            }
        }

        li > button {
            min-width: 100%;
        }

        .main-navigation > ul.wp-block-navigation__container {
            > li > button, 
            > li > a {
                display: flex;
                align-items: center;
                gap: 0.675rem;
                justify-content: space-between;
                width: 100%;
                border-bottom: solid 1px var(--wp--preset--color--custom-gray-lighter);
                padding-left: var(--wp--style--root--padding-left);
                padding-right: var(--wp--style--root--padding-left);
                padding-top: 0;
                padding-bottom: 1rem;
                font-size: var(--wp--preset--font-size--custom-5);
            }
        }

        .wp-block-ghub-tab-button,
        .sub-sub-navigation {
            border-bottom: solid 1px var(--wp--preset--color--custom-gray-lighter) !important;
        }

        /* NATIVE WP NAVIGATION SUB MENU */
        .sub-navigation {
            min-height: 100dvh;

            .wp-block-navigation-item {
                display: flex;
                align-items: center;
                border-bottom: solid 1px var(--wp--preset--color--custom-gray-lighter);
                gap: 0.675rem;
                justify-content: space-between;
                width: 100%;
                padding-left: var(--wp--style--root--padding-left);
                padding-right: var(--wp--style--root--padding-left);
                padding-top: 0;
                padding-bottom: 1rem;
                font-size: var(--wp--preset--font-size--custom-5);
            }
        }
    }


    /* Megamenu + Tabs */
    .wp-block-outermost-mega-menu__toggle[aria-expanded="true"] + .wp-block-outermost-mega-menu__menu-container {
        transition: transform 0.3s ease-in-out;
        transform: translateX(0);
    }
    .wp-block-outermost-mega-menu__menu-container {
        position: absolute;
        top: 0;
        left: 0 !important;
        bottom: 0;
        overflow-y: auto;
        min-width: 200dvw;
        max-width: 200dvw !important;
        padding-bottom: 18rem;
        transition: transform 0.3s ease-in-out;
        transform: translateX(100vw);
        
        > div:first-of-type,
        .wp-block-ghub-tab-content {
            padding-top: 0!important;
        }
        .wp-block-ghub-tabs-container {
            transition: all 0.3s ease-in-out;
            transform: translateX(0%);
            margin: 0 !important;
        }

        .topic-main-title + div:first-of-type,
        .topic-title + div:first-of-type {
            margin-block-start: 0;
        }
        .topic-main-title,
        .topic-title {
            display: flex;
            align-items: center;
            gap: 0.675rem;
            line-height: 1.5;
            min-height: 32px;
            background-color: var(--wp--preset--color--custom-secondary);
            color: var(--wp--preset--color--custom-white);
            padding-top: var(--wp--style--root--padding-left);
            padding-bottom: var(--wp--style--root--padding-left);
            padding-left: var(--wp--style--root--padding-left);
            padding-right: var(--wp--style--root--padding-left);
            margin-left:0 !important;
            margin-right:0 !important;
        }

        .wp-block-columns.is-not-stacked-on-mobile {
            .wp-block-column {
                width: 100vw;
                min-width: 100vw;
                min-height: 100dvh;
            }
        }
    }

    .fixed-bottom {
        position: fixed;
        bottom:0;
        left:0;
        right:0;
        background-color: var(--wp--preset--color--custom-white);
        padding-top: var(--wp--style--root--padding-left);
        padding-bottom: var(--wp--style--root--padding-left);
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
        border: none;
        z-index: 50;
    }

    .wp-block-ghub-tabs-container .wp-block-column {
        padding-bottom: 15rem !important;
    }
}