/*
 * Navigation Button Styles
 * 
 * Desktop-only button styles for navigation links
 * Matches the .is-style-limson-btn-pill and .is-style-limson-btn-text styles from buttons.css
 * Mobile styles (< 800px) remain unchanged and use navigation-overlay.css
 */

/* Desktop only styles - apply button styles to navigation links */
@media (min-width: 800px) {
	/* Add spacing between navigation items (all but first) */
	.wp-block-navigation:not(.is-menu-open)
		.wp-block-navigation-item:not(:first-child) {
		margin-left: var(--wp--preset--spacing--m);
	}

	/* Base styles for navigation links with button styling */
	.has-limson-btn-style-pill .wp-block-navigation-item__content,
	.has-limson-btn-style-text .wp-block-navigation-item__content {
		text-decoration: none;
		display: inline-block;
		align-items: center;
		font-family: "IBM Plex Mono", "Courier New", Courier, monospace;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 1rem;
		transition: all 0.2s ease-in-out;
	}

	/* Pill Button Style for Navigation Links */
	.has-limson-btn-style-pill .wp-block-navigation-item__content {
		padding: 5px 1rem;
		background: var(--color-primary);
		color: var(--color-dark-green);
		border-color: var(--color-dark-green);
		border-radius: 100vmax;
		font-weight: 400;
		border: 1px solid var(--color-dark-green);
		transition: color 0.2s ease-in-out;
	}

	.has-limson-btn-style-pill .wp-block-navigation-item__content * {
		color: var(--color-dark-green);
		transition: color 0.2s ease-in-out;
	}

	.has-limson-btn-style-pill .wp-block-navigation-item__content:hover {
		background: var(--color-dark-green);
		color: var(--color-primary);
		text-decoration: none;
		border-color: var(--color-lime-green);
	}

	.has-limson-btn-style-pill .wp-block-navigation-item__content:hover * {
		color: var(--color-primary);
	}

	/* Text Button Style for Navigation Links */
	.has-limson-btn-style-text .wp-block-navigation-item__content {
		padding: 0;
		background: transparent;
		color: var(--color-mint-green);
		font-weight: 400;
		border: none;
		text-decoration: underline;
		text-underline-offset: 0.5ex;
		text-decoration-color: transparent;
		transition: text-decoration-color 0.3s ease-in-out;
	}

	.has-limson-btn-style-text .wp-block-navigation-item__content:hover {
		text-decoration-color: var(--color-mint-green);
	}

	/* Active page styling for text buttons - underline visible by default */
	.has-limson-btn-style-text
		.wp-block-navigation-item__content[aria-current="page"],
	.has-limson-btn-style-text.current-menu-item
		.wp-block-navigation-item__content {
		text-decoration-color: var(--color-mint-green);
	}

	/* Active page styling for text buttons - underline disappears on hover */
	.has-limson-btn-style-text
		.wp-block-navigation-item__content[aria-current="page"]:hover,
	.has-limson-btn-style-text.current-menu-item
		.wp-block-navigation-item__content:hover {
		text-decoration-color: transparent;
	}

	/* Ensure consistent vertical padding for all button styles */
	.has-limson-btn-style-pill .wp-block-navigation-item__content,
	.has-limson-btn-style-text .wp-block-navigation-item__content {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

/* Mobile styles (< 800px) - no changes, navigation-overlay.css handles mobile */