/*
 * Desktop themes often place a visual gap between a parent menu item and its
 * dropdown. This invisible bridge keeps the pointer inside the submenu while
 * it crosses that gap, without changing the visible spacing.
 */
@media (min-width: 783px) {
	.main-navigation .menu-item-has-children > .sub-menu,
	.main-header-menu .menu-item-has-children > .sub-menu,
	.elementor-nav-menu--main .menu-item-has-children > .sub-menu,
	.wp-block-navigation .has-child > .wp-block-navigation__submenu-container,
	.et-menu .menu-item-has-children > .sub-menu {
		--webgyakorlo-menu-bridge: 24px;
	}

	.main-navigation .menu-item-has-children > .sub-menu::after,
	.main-header-menu .menu-item-has-children > .sub-menu::after,
	.elementor-nav-menu--main .menu-item-has-children > .sub-menu::after,
	.wp-block-navigation .has-child > .wp-block-navigation__submenu-container::after,
	.et-menu .menu-item-has-children > .sub-menu::after {
		background: transparent;
		content: "";
		height: var(--webgyakorlo-menu-bridge);
		left: 0;
		pointer-events: auto;
		position: absolute;
		right: 0;
		top: calc(-1 * var(--webgyakorlo-menu-bridge));
	}
}