/* Teamdock designer — the rules that go with front.js (0.6.2). Each only applies once the
   script has run (.td-js / .td-io on <html>): without it the page is as the theme made it. */

/* The phone menu's submenus: folded unless opened (WordPress 7.1 keeps them all open). */
.td-js .td-header .is-menu-open .wp-block-navigation-submenu > .wp-block-navigation__submenu-container { display: none !important; }
.td-js .td-header .is-menu-open .wp-block-navigation-submenu.td-sub-open > .wp-block-navigation__submenu-container { display: flex !important; }
.td-js .td-header .is-menu-open .wp-block-navigation-submenu > .wp-block-navigation__submenu-icon { pointer-events: auto !important; cursor: pointer; }
.td-js .td-header .is-menu-open .wp-block-navigation-submenu > .wp-block-navigation__submenu-icon svg { transform: none !important; transition: transform .2s; }
.td-js .td-header .is-menu-open .wp-block-navigation-submenu.td-sub-open > .wp-block-navigation__submenu-icon svg { transform: rotate(180deg) !important; }

/* Sections coming in where the browser has no scroll timelines: hidden until seen, then the
   theme's own animation (td-in) by time. */
@media (prefers-reduced-motion: no-preference) {
	@supports not (animation-timeline: view()) {
		.td-io :is(main, .td-below) > .td-section:not(:first-child) > :not(.td-scene):not(.td-seen) { opacity: 0; }
		.td-io :is(main, .td-below) > .td-section:not(:first-child) > .td-seen { animation: td-in .7s cubic-bezier(.2, .7, .2, 1) both; }
	}
}