/**
 * Keep Kadence tablet submenus inside the off-canvas drawer.
 *
 * Kadence's tablet breakpoint starts at 720px and ends at 1024px. The phone
 * menu already expands correctly, so this repair is deliberately tablet-only.
 */
@media (min-width: 720px) and (max-width: 1024px) {
	.wp-block-kadence-off-canvas .wp-block-kadence-navigation,
	.wp-block-kadence-off-canvas .wp-block-kadence-navigation .menu-container,
	.wp-block-kadence-off-canvas .wp-block-kadence-navigation .kb-navigation.menu {
		width: 100%;
	}

	.wp-block-kadence-off-canvas .wp-block-kadence-navigation .kb-navigation.menu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.wp-block-kadence-off-canvas
		.wp-block-kadence-navigation
		.kb-navigation.menu > .menu-item {
		display: block;
		width: 100%;
	}

	.wp-block-kadence-off-canvas
		.wp-block-kadence-navigation
		.kb-navigation.menu > .menu-item > .kb-link-wrap {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	.wp-block-kadence-off-canvas
		.wp-block-kadence-navigation
		.menu-item-has-children > .sub-menu.kb-nav-sub-menu {
		display: none !important;
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		transform: none !important;
		box-shadow: none !important;
	}

	.wp-block-kadence-off-canvas
		.wp-block-kadence-navigation
		.menu-item-has-children.menu-item--toggled-on > .sub-menu.kb-nav-sub-menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
		clip: auto !important;
	}

	.wp-block-kadence-off-canvas
		.wp-block-kadence-navigation
		.menu-item-has-children > .kb-link-wrap > .kb-nav-dropdown-toggle-btn {
		pointer-events: auto;
	}
}