/* Navigation: the site's own responsive menu (replaces WordPress's navigation block).
 * Class names match tss.css (.tss-nav, .tss-nav__cta, .tss-nav__mobile, .is-menu-open). */
.tss-nav { position: relative; }
.tss-nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-end; gap: 30px; }
.tss-nav a { text-decoration: none; color: inherit; }
.tss-nav__toggle { display: none; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0; background: none; border: 0; color: inherit; cursor: pointer; }
.tss-nav__toggle svg { width: 30px; height: 30px; }
.tss-nav__toggle .tss-nav__x { display: none; }

/* Hamburger below 1100px: the 7-item menu needs about 1084px to sit on one row (checked 2026-10-20). */
@media (max-width: 1099px) {
	.tss-nav__toggle { display: flex; }
	.tss-nav__list { display: none; }
	.tss-nav__list.is-menu-open { display: flex; position: fixed; inset: 0; z-index: 1000; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 22px; padding: 96px 6vw 32px; background: var(--tss-ink); color: #FFFFFF; overflow: auto; }
	.tss-nav__list.is-menu-open a { color: #FFFFFF !important; font-size: 1.25rem; }
	.tss-nav__list.is-menu-open .tss-nav__cta > a { background: #FFFFFF; color: var(--tss-ink) !important; margin-top: 12px; }
	.tss-nav.is-open .tss-nav__toggle { position: fixed; top: 22px; right: 5vw; z-index: 1001; color: #FFFFFF; }
	.tss-nav.is-open .tss-nav__toggle .tss-nav__burger { display: none; }
	.tss-nav.is-open .tss-nav__toggle .tss-nav__x { display: block; }
}