/* Arcade Direct navigation: native WordPress Primary Navigation markup, selectively expanded to support its existing three-level hierarchy. */
.primary-nav .primary-nav__menu,
.primary-nav .primary-nav__menu .sub-menu { list-style: none; margin: 0; padding: 0; }
.primary-nav .primary-nav__menu { display: flex; align-items: stretch; }
.primary-nav .primary-nav__menu > li { position: relative; display: flex; align-items: stretch; }
.primary-nav .primary-nav__menu a { text-decoration: none; }
.primary-nav .primary-nav__menu > li > a { display: flex; align-items: center; min-height: 3.2rem; padding: .9rem .75rem .82rem; position: relative; color: rgba(255,255,255,.86); font-family: var(--font-mono); font-size: .69rem; font-weight: 600; letter-spacing: .05em; line-height: 1.2; text-transform: uppercase; }
.primary-nav .primary-nav__menu > li > a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: var(--brand-teal); content: ''; transform: scaleX(0); transform-origin: left; transition: transform 180ms var(--ad-editorial-ease); }
.primary-nav .primary-nav__menu > li:hover > a,
.primary-nav .primary-nav__menu > li:focus-within > a,
.primary-nav .primary-nav__menu > li.is-open > a,
.primary-nav .primary-nav__menu > li.current-menu-item > a,
.primary-nav .primary-nav__menu > li.current-menu-ancestor > a { background: rgba(53,187,157,.09); color: var(--white); }
.primary-nav .primary-nav__menu > li:hover > a::after,
.primary-nav .primary-nav__menu > li:focus-within > a::after,
.primary-nav .primary-nav__menu > li.is-open > a::after,
.primary-nav .primary-nav__menu > li.current-menu-item > a::after,
.primary-nav .primary-nav__menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
.primary-nav .ad-native-menu-toggle { display: none; }
.primary-nav .primary-nav__menu a:focus-visible,
.primary-nav .ad-native-menu-toggle:focus-visible { outline: 3px solid var(--brand-teal); outline-offset: -3px; }

@media (min-width: 769px) {
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.menu-item-has-children > .sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1300; min-width: 14.5rem; max-width: min(21rem, calc(100vw - 2rem)); padding: .15rem 0; background: var(--brand-navy-deep); border: 1px solid rgba(211,227,227,.16); box-shadow: none; }
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.menu-item-has-children:hover > .sub-menu,
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.menu-item-has-children:focus-within > .sub-menu,
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.menu-item-has-children.is-open > .sub-menu { display: block; }
	.primary-nav .primary-nav__menu .sub-menu li { position: relative; }
	.primary-nav .primary-nav__menu .sub-menu li + li { border-top: 1px solid rgba(211,227,227,.12); }
	.primary-nav .primary-nav__menu .sub-menu a { display: block; padding: .72rem .8rem; color: rgba(255,255,255,.82); font-family: var(--font-mono); font-size: .68rem; font-weight: 600; letter-spacing: .045em; line-height: 1.3; text-transform: uppercase; }
	.primary-nav .primary-nav__menu .sub-menu a:hover,
	.primary-nav .primary-nav__menu .sub-menu a:focus-visible { background: rgba(53,187,157,.1); color: var(--white); }

	/* A native top-level branch becomes wide only when its WordPress menu has a genuine third level. */
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega { position: static; }
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.ad-native-menu--mega > .sub-menu { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(74rem, 100%); max-width: none; min-width: 0; margin-top: 0; padding: .9rem; }
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.ad-native-menu--mega:hover > .sub-menu,
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.ad-native-menu--mega:focus-within > .sub-menu,
	.primary-nav.ad-native-nav-ready .primary-nav__menu > li.ad-native-menu--mega.is-open > .sub-menu { display: grid; }
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega > .sub-menu > li { min-width: 0; padding: .35rem .5rem .6rem; }
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega > .sub-menu > li + li { border-top: 0; border-left: 1px solid rgba(211,227,227,.14); }
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega > .sub-menu > li > a { padding: .65rem .35rem; color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 1.25rem; font-weight: 700; letter-spacing: -.03em; line-height: 1; text-transform: none; }
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega > .sub-menu > li > .sub-menu { display: block; position: static; max-width: none; min-width: 0; padding: .1rem 0 0; background: transparent; border: 0; }
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega > .sub-menu > li > .sub-menu li + li { border-top-color: rgba(211,227,227,.1); }
	.primary-nav .primary-nav__menu > li.ad-native-menu--mega > .sub-menu > li > .sub-menu a { padding: .52rem .35rem; color: rgba(211,227,227,.84); font-size: .64rem; }
}

@media (max-width: 768px) {
	.primary-nav .primary-nav__menu { display: block; width: 100%; }
	.primary-nav .primary-nav__menu > li { display: grid; grid-template-columns: minmax(0, 1fr) 3.4rem; }
	.primary-nav .primary-nav__menu > li:not(.menu-item-has-children) { display: block; }
	.primary-nav .primary-nav__menu > li > a { min-height: 3.55rem; padding: 1.05rem 0 .95rem; color: var(--white); font-family: var(--font-main); font-size: 1.03rem; font-weight: 800; letter-spacing: -.025em; text-transform: none; }
	.primary-nav .primary-nav__menu > li > a::after { right: 0; bottom: .55rem; left: 0; }
	.primary-nav .ad-native-menu-toggle { display: flex; align-items: center; justify-content: center; width: 3.4rem; min-height: 3.55rem; padding: 0; background: transparent; border: 0; color: var(--white); cursor: pointer; }
	.primary-nav .ad-native-menu-toggle svg { width: 1rem; height: 1rem; fill: currentColor; transition: transform 180ms var(--ad-editorial-ease); }
	.primary-nav li.menu-item-has-children.is-open > .ad-native-menu-toggle svg { transform: rotate(180deg); }
	.primary-nav.ad-native-nav-ready .primary-nav__menu .sub-menu { display: none; grid-column: 1 / -1; margin: 0 0 .5rem; padding: 0 0 0 1rem; border-left: 1px solid rgba(53,187,157,.7); }
	.primary-nav.ad-native-nav-ready .primary-nav__menu li.menu-item-has-children.is-open > .sub-menu { display: block; }
	.primary-nav .primary-nav__menu .sub-menu li { display: grid; grid-template-columns: minmax(0, 1fr) 3.4rem; }
	.primary-nav .primary-nav__menu .sub-menu li:not(.menu-item-has-children) { display: block; }
	.primary-nav .primary-nav__menu .sub-menu a { display: block; padding: .75rem 0; color: var(--brand-grey-soft); font-family: var(--font-main); font-size: .9rem; font-weight: 700; letter-spacing: -.018em; line-height: 1.35; text-transform: none; }
	.primary-nav .primary-nav__menu .sub-menu .sub-menu { margin-left: .35rem; border-left-color: rgba(211,227,227,.24); }
}

@media (prefers-reduced-motion: reduce) {
	.primary-nav .primary-nav__menu > li > a::after,
	.primary-nav .ad-native-menu-toggle svg { transition: none; }
}
