/**
 * Navigation Custom Overrides
 *
 * WordPress core injects default styles for the Navigation block via:
 * /wp-includes/blocks/navigation/style.min.css
 *
 * These include a `color: inherit` rule that prevents theme.json :hover colors
 * (like `--wp--preset--color--highlight`) from applying correctly.
 *
 * The following scoped overrides ensure that our navigation links respect
 * the intended color styling — especially hover and default text colors.
 *
 * `!important` is used sparingly and only where necessary to override
 * high-specificity core styles without affecting other elements.
 */


.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--text);
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--accent) !important;
}