/**
 * Mobile menu open/close motion — visibility via [hidden]; enter/exit via .is-open (transforms in app.css).
 */

.tw-mobile-nav__drawer[hidden],
.tw-mobile-nav__backdrop[hidden] {
	display: none !important;
}

.tw-mobile-nav__drawer:not([hidden]) {
	display: flex;
	flex-direction: column;
}

.tw-mobile-nav__backdrop:not([hidden]) {
	display: block;
}

@media (prefers-reduced-motion: no-preference) {
	.tw-mobile-nav__icon span {
		transform-origin: center;
		transition: transform 0.22s ease, opacity 0.18s ease;
	}

	.tw-site-header.is-open .tw-mobile-nav__icon span:nth-child(1) {
		transform: translateY(0.42rem) rotate(45deg);
	}

	.tw-site-header.is-open .tw-mobile-nav__icon span:nth-child(2) {
		opacity: 0;
		transform: scaleX(0);
	}

	.tw-site-header.is-open .tw-mobile-nav__icon span:nth-child(3) {
		transform: translateY(-0.42rem) rotate(-45deg);
	}
}