/* Navigation
--------------------------------------------- */

/* Submenu container style mods */
.wp-block-navigation__submenu-container {
    @media (min-width: 600px) {
        border: none !important;
        /* border-radius: 8px !important; */
        box-shadow: var(--wp--preset--shadow--small);
        overflow: hidden !important;
        padding: var(--wp--preset--spacing--20) !important;
    }
}

/* Add hover transition to submenu links */
.wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    transition: all 0.25s ease-out;
    @media (min-width: 600px) {
        &:hover {
            transform: translateX(4px);
        }
    }
}

/* Mobile menu style mods */
@media (max-width: 599px) {
    .wp-block-navigation__responsive-container {
        background-color: var(--wp--preset--color--primary-extra-dark) !important;
        padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) !important;
        margin-top: 49.98px !important;
    }
    
    .wp-block-navigation__responsive-container-close {
        color: var(--wp--preset--color--base);
    }
    
    .wp-block-navigation__responsive-container-content {
        padding-top: var(--wp--preset--spacing--10) !important;
    }
    
    .wp-block-navigation__responsive-container-content ul {
        gap: 0 !important;
/*         min-width: 100% !important; */
    }
    
    .wp-block-navigation__responsive-container-content ul li {
        border-top: 1px solid var(--wp--preset--color--base-transparent);
        min-width: 100%;
        padding-bottom: var(--wp--preset--spacing--10) !important;
        padding-top: var(--wp--preset--spacing--10) !important;
        &:first-child {
            border: 0;
        }
    }
    
    .wp-block-navigation__responsive-container-content ul li a {
        color: var(--wp--preset--color--base) !important;
        font-size: var(--wp--preset--font-size--medium);
        font-weight: 600;
    }

    .wp-block-navigation__responsive-container-content ul li ul {
        gap: var(--wp--preset--spacing--10) !important;
        padding-bottom: var(--wp--preset--spacing--20) !important;
        padding-top: var(--wp--preset--spacing--10) !important;
    }

    .wp-block-navigation__responsive-container-content ul li ul li {
        border: none;
        padding: 0 !important;
    }
    
    .wp-block-navigation__responsive-container-content ul li ul li a {
        font-size: var(--wp--preset--font-size--small);
        font-weight: 400;
        padding: 0 !important;
    }
}