/** @format */

/* Burger-Shell: Accordion auf allen Viewports. */
.tw-megamenu-shell .megamenu {
	--tw-accordion-panel-duration: 0.3s;
	--tw-accordion-panel-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

.tw-megamenu-shell .megamenu > .menu-item.has-dropdown {
	display: grid;
	grid-template-rows: auto 0fr;
	gap: 0;
	row-gap: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.tw-megamenu-shell .megamenu > .menu-item.has-dropdown {
		transition: grid-template-rows var(--tw-accordion-panel-duration) var(--tw-accordion-panel-easing);
	}
}

.tw-megamenu-shell .megamenu > .menu-item.has-dropdown.is-open {
	grid-template-rows: auto 1fr;
}

.tw-megamenu-shell .megamenu > .menu-item.has-dropdown > .megamenu-wrapper {
	display: block !important;
	overflow: hidden;
	min-height: 0;
	padding: 0;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	transition: none;
}

/* Klassische Topbar-Offcanvas: Accordion nur mobil. */
@media (max-width: 991.98px) {
	.top-bar #navbarNavOffcanvas.tw-offcanvas .megamenu > .menu-item.has-dropdown {
		display: grid;
		grid-template-rows: auto 0fr;
		gap: 0;
		row-gap: 0;
	}

	@media (prefers-reduced-motion: no-preference) {
		.top-bar #navbarNavOffcanvas.tw-offcanvas .megamenu > .menu-item.has-dropdown {
			transition: grid-template-rows var(--tw-accordion-panel-duration, 0.3s)
				var(--tw-accordion-panel-easing, cubic-bezier(0.4, 0, 0.2, 1));
		}
	}

	.top-bar #navbarNavOffcanvas.tw-offcanvas .megamenu > .menu-item.has-dropdown.is-open {
		grid-template-rows: auto 1fr;
	}

	.top-bar #navbarNavOffcanvas.tw-offcanvas .megamenu > .menu-item.has-dropdown > .megamenu-wrapper {
		display: block !important;
		overflow: hidden;
		min-height: 0;
		padding: 0;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: none;
	}
}

.top-bar .megamenu .megamenu-toggle {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.top-bar .megamenu .megamenu-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}


@media (min-width: 992px) {
	.top-bar .megamenu > .has-dropdown.is-open > .megamenu-wrapper {
		display: flex;
	}

	.top-bar:has(.megamenu > li.has-dropdown.is-open) .menu-bg {
		opacity: 1;
		visibility: visible;
		backdrop-filter: blur(5px);
	}

}

/* Gutenberg-Block: Breakpoint kommt aus scoped Inline-CSS (#tw-megamenu-*). */
.tw-megamenu-shell .megamenu .megamenu-toggle {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.tw-megamenu-shell .megamenu .megamenu-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.tw-megamenu-shell--editor-preview .megamenu .megamenu-toggle {
	cursor: default;
}