/**
 * Mobil toggle för cateringkategori-submeny.
 *
 * Knappen är dold på desktop — där sköter temat hover-dropdown.
 * På mobil (≤ 921px) visas knappen, submenyn döljs som default
 * och fälls ut när användaren trycker på knappen.
 */

.cocatering-mobil-toggle {
	display: none;
}

@media (max-width: 921px) {
	.cocatering-mobil-parent {
		position: relative;
	}

	.cocatering-mobil-toggle {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 3em;
		height: 3em;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		color: inherit;
		font-size: 1em;
		cursor: pointer;
		z-index: 2;
	}

	.cocatering-mobil-toggle__pil {
		display: inline-block;
		transition: transform 0.2s ease;
	}

	.cocatering-mobil-toggle[aria-expanded="true"] .cocatering-mobil-toggle__pil {
		transform: rotate(180deg);
	}

	.cocatering-mobil-parent > .sub-menu {
		display: none !important;
	}

	.cocatering-mobil-parent.cocatering-mobil-oppen > .sub-menu {
		display: block !important;
	}
}