/*
 * Mobiele Catch Shop-menuherstelmodule.
 *
 * Het thema rendert twee headerkopieën en een oude child-theme-regel verbergt
 * button.dropdown-toggle met !important. Deze selectors zijn bewust minstens
 * even specifiek en dit unieke bestand voorkomt een achtergebleven assetcache.
 */
@media screen and (max-width: 1024px) {
	html.pi-mobile-menu-open button.dropdown-toggle,
	body.pi-mobile-menu-open button.dropdown-toggle,
	.is-pi-menu-open button.dropdown-toggle,
	.site-primary-menu.toggled-on button.dropdown-toggle,
	.site-primary-menu.is-open button.dropdown-toggle {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		z-index: 20 !important;
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 48px !important;
		min-width: 48px !important;
		height: 48px !important;
		min-height: 48px !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		align-items: center !important;
		justify-content: center !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #ff8a00 !important;
		pointer-events: auto !important;
		cursor: pointer !important;
	}

	html.pi-mobile-menu-open .menu-item-has-children,
	html.pi-mobile-menu-open .page_item_has_children,
	.is-pi-menu-open .menu-item-has-children,
	.is-pi-menu-open .page_item_has_children,
	.site-primary-menu.toggled-on .menu-item-has-children,
	.site-primary-menu.toggled-on .page_item_has_children,
	.site-primary-menu.is-open .menu-item-has-children,
	.site-primary-menu.is-open .page_item_has_children {
		position: relative !important;
	}

	html.pi-mobile-menu-open .menu-item-has-children > a,
	html.pi-mobile-menu-open .page_item_has_children > a,
	.is-pi-menu-open .menu-item-has-children > a,
	.is-pi-menu-open .page_item_has_children > a,
	.site-primary-menu.toggled-on .menu-item-has-children > a,
	.site-primary-menu.toggled-on .page_item_has_children > a,
	.site-primary-menu.is-open .menu-item-has-children > a,
	.site-primary-menu.is-open .page_item_has_children > a {
		display: block;
		min-height: 48px;
		padding-right: 58px !important;
	}

	.pi-generated-dropdown-toggle svg {
		display: block;
		width: 18px;
		height: 18px;
		fill: none;
		stroke: currentColor;
		stroke-width: 2;
		transition: transform 160ms ease;
	}

	button.dropdown-toggle[aria-expanded="true"] > svg,
	button.dropdown-toggle.toggled-on > svg {
		transform: rotate(180deg);
	}

	.is-pi-menu-open .menu-item-has-children > .sub-menu:not(.toggled-on),
	.is-pi-menu-open .page_item_has_children > .children:not(.toggled-on) {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	.is-pi-menu-open .menu-item-has-children.is-submenu-open > .sub-menu,
	.is-pi-menu-open .page_item_has_children.is-submenu-open > .children,
	.is-pi-menu-open .menu-item-has-children > .sub-menu.toggled-on,
	.is-pi-menu-open .page_item_has_children > .children.toggled-on {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		pointer-events: auto !important;
	}
}