/* Mobile Navigation
--------------------------------------------- */
@media only screen and (max-width: 900px) {
	.is-menu-open.has-modal-open {
		padding: var(--wp--preset--spacing--small);
	}
}

/* 
* Navigation text decoration
*/

/* Default - Transparent */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    transition: text-decoration .3s;
    text-underline-offset: 7px;
}

/* Active item */
:root :where(.wp-block-navigation .current-menu-item a:where(:not(.wp-element-button))){
    text-decoration-color: currentColor;
    text-decoration-thickness: 2px;
}

@media (hover: hover){
    :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){
        text-decoration-color: currentColor;
        text-decoration-thickness: 2px;
        transition: text-decoration .1s;
    }
}

/* 
* Sticky navigation fix
* Makes parent element sticky, so no grouping in templates needed
*/
.wp-block-template-part:has(>.is-position-sticky) {
	--wp-admin--admin-bar--position-offset: var( --wp-admin--admin-bar--height, 0px );
	position: sticky;
	top: calc( 0px + var( --wp-admin--admin-bar--position-offset, 0px ) );
	z-index: 10;
}

