/*
 * tnk/site-header responsive nav toggle.
 * Class is doubled in each selector to raise specificity above WordPress's
 * auto-generated .wp-block-group-is-layout-flex { display: flex } rule,
 * which otherwise wins the cascade and keeps the desktop nav visible at
 * mobile widths.
 */
.tnk-site-header__nav-desktop.tnk-site-header__nav-desktop { display: none; }
.tnk-site-header__nav-mobile.tnk-site-header__nav-mobile   { display: block; }

@media (min-width: 782px) {
	.tnk-site-header__nav-desktop.tnk-site-header__nav-desktop { display: flex; }
	.tnk-site-header__nav-mobile.tnk-site-header__nav-mobile   { display: none; }
}