/**
 * Magazine Header Menu strip (desktop / tablet when visible).
 * Scoped to .snaplap-magazine-subnav-strip — does not replace global style.css table/float rules elsewhere.
 * Hidden ≤1024px in snaplap-mobile-nav.css (drawer block used instead).
 */

@media screen and (min-width: 1025px) {
	#snaplap .snaplap-magazine-subnav-strip .submenu_inside {
		box-sizing: border-box;
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL,
	#snaplap .snaplap-magazine-subnav-strip.submenu_nav ul.subnavUL {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: flex-start;
		gap: var(--snap-space-1, 0.25rem) var(--snap-space-2, 0.5rem);
		width: 100% !important;
		max-width: none;
		margin: 0;
		padding: var(--snap-space-2, 0.5rem) 0;
		list-style: none;
		position: relative;
		background: transparent;
		box-sizing: border-box;
	}

	#snaplap .snaplap-magazine-subnav-strip.fixedSubNav.scroll-to-fixed-fixed .subnavUL,
	#snaplap .snaplap-magazine-subnav-strip.fixedSubNav.scroll-to-fixed-fixed.submenu_nav ul.subnavUL {
		width: 100% !important;
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li {
		float: none;
		display: block;
		overflow: visible;
		position: static;
		background: none;
		margin: 0;
		padding: 0;
		border-right: 1px solid var(--snap-color-border, #e0e0e0);
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li:last-child {
		border-right: none;
		background: none;
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li > a {
		display: inline-block;
		padding: var(--snap-space-2, 0.5rem) var(--snap-space-3, 0.75rem);
		font-family: var(--snap-font-sans, robotoregular, system-ui, sans-serif);
		font-size: var(--snap-font-size-sm, 0.875rem);
		font-weight: 400;
		line-height: 1.375rem;
		letter-spacing: 0.02em;
		color: var(--snap-color-ink, #424242);
		text-decoration: none;
		white-space: nowrap;
		box-sizing: border-box;
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li > a:hover,
	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li > a:focus-visible {
		color: var(--snap-mnav-accent, #800020);
		text-decoration: underline;
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li.menu-active > a,
	#snaplap .snaplap-magazine-subnav-strip.submenu_nav ul li.menu-active a {
		color: red !important;
		text-decoration: underline !important;
	}

	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li.menu-active > a:hover,
	#snaplap .snaplap-magazine-subnav-strip .subnavUL > li.menu-active > a:focus-visible {
		color: red !important;
	}
}