/**
 * Navigation presentation presets — class names match preset slugs.
 */

/* texthover-dark — uppercase spaced links on dark bands. */
.rsm-starter--nav-texthover-dark .rsm-menu--primary > li > a {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.8125rem;
	font-weight: 600;
}

.rsm-starter--nav-texthover-dark .rsm-site-title {
	letter-spacing: 0.02em;
}

/* textunderline — bottom border on hover / current. */
.rsm-starter--nav-textunderline .rsm-menu--primary > li > a {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.8125rem;
	font-weight: 600;
	padding-bottom: 0.15rem;
	border-bottom: 2px solid transparent;
}

.rsm-starter--nav-textunderline .rsm-menu--primary > li > a:hover,
.rsm-starter--nav-textunderline .rsm-menu--primary > li > a:focus {
	border-bottom-color: var(--rsm-nav-link-hover);
}

.rsm-starter--nav-textunderline .rsm-menu--primary > li.current-menu-item > a,
.rsm-starter--nav-textunderline .rsm-menu--primary > li.current_page_item > a {
	border-bottom-color: var(--rsm-nav-link-hover);
}

/* blocknested — pill / block background on hover. */
.rsm-starter--nav-blocknested .rsm-menu--primary > li > a {
	font-weight: 600;
	padding: 0.35rem 0.65rem;
	border-radius: 4px;
}

.rsm-starter--nav-blocknested .rsm-menu--primary > li > a:hover,
.rsm-starter--nav-blocknested .rsm-menu--primary > li > a:focus {
	background: color-mix(in srgb, var(--rsm-nav-link-hover) 22%, transparent);
}

@media (max-width: 1023px) {
	.rsm-starter--nav-textunderline .rsm-menu--primary > li > a {
		border-bottom: none;
		border-left: 3px solid transparent;
		padding-left: 0.5rem;
	}

	.rsm-starter--nav-textunderline .rsm-menu--primary > li > a:hover,
	.rsm-starter--nav-textunderline .rsm-menu--primary > li > a:focus,
	.rsm-starter--nav-textunderline .rsm-menu--primary > li.current-menu-item > a {
		border-left-color: var(--rsm-nav-link-hover);
	}

	.rsm-starter--nav-blocknested .rsm-menu--primary > li > a:hover,
	.rsm-starter--nav-blocknested .rsm-menu--primary > li > a:focus {
		background: color-mix(in srgb, var(--rsm-header-band-text) 12%, transparent);
	}
}