/**
 * Accessible submenu controls for the PKLegal mobile navigation.
 */

.pk-mobile-submenu-toggle {
	display: none;
}

@media (max-width: 991px) {
	.pk-mobile-nav-menu.pk-mobile-submenu-ready .menu-item-has-children {
		position: relative;
	}

	.pk-mobile-nav-menu.pk-mobile-submenu-ready .menu-item-has-children > a {
		padding-right: 58px;
	}

	.pk-mobile-nav-menu.pk-mobile-submenu-ready .menu-item-has-children > .sub-menu {
		display: none;
	}

	.pk-mobile-nav-menu.pk-mobile-submenu-ready .menu-item-has-children.pk-mobile-submenu-open > .sub-menu {
		display: block;
	}

	.pk-mobile-submenu-toggle {
		position: absolute;
		top: 3px;
		right: 3px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		margin: 0;
		padding: 0;
		border: 0;
		border-left: 1px solid #edf0f3;
		border-radius: 3px;
		background: transparent;
		color: var(--pk-header-ink, #172033);
		cursor: pointer;
	}

	.pk-mobile-submenu-toggle::before {
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		content: "";
		transform: rotate(45deg);
		transition: transform 160ms ease, margin 160ms ease;
	}

	.pk-mobile-submenu-toggle:hover,
	.pk-mobile-submenu-toggle:focus-visible,
	.pk-mobile-submenu-toggle[aria-expanded="true"] {
		background: var(--pk-header-soft, #f6f7f9);
		color: var(--pk-header-red, #8a0104);
	}

	.pk-mobile-submenu-toggle:focus-visible {
		outline: 3px solid var(--pk-header-gold, #c7a45a);
		outline-offset: -3px;
	}

	.pk-mobile-submenu-toggle[aria-expanded="true"]::before {
		margin-top: 4px;
		transform: rotate(225deg);
	}

	.pk-mobile-nav-menu.pk-mobile-submenu-ready .menu-item-has-children.pk-mobile-submenu-open > a {
		background: var(--pk-header-soft, #f6f7f9);
		color: var(--pk-header-red, #8a0104) !important;
	}

	.pk-mobile-nav-menu.pk-mobile-submenu-ready .menu-item-has-children > .sub-menu {
		margin-top: 2px !important;
		margin-bottom: 5px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pk-mobile-submenu-toggle::before {
		transition: none;
	}
}