/**
 * Mobile accordion nav — tablet and below (Divi tablet ≤ 980px).
 * Scoped to Theme Builder header so homepage Interactions (e.g. chairs) are untouched.
 * Height/opacity are driven by JS for smooth measured expands.
 */

@media (max-width: 980px) {
	.et-l--header .mobile_menu {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
		gap: 0;
	}

	/* No Divi spacing on nested level-2 groups */
	.et-l--header .mobile_menu__panel > .mobile_menu,
	.et-l--header .mobile_menu__panel > .et_pb_module.mobile_menu,
	.et-l--header .mobile_menu .mobile_menu {
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
	}

	/* Toggle affordance — header nav only, no :has() on all modules */
	.et-l--header .mobile_menu > .et_pb_module > .et_pb_link,
	.et-l--header .mobile_menu > .et_pb_link {
		position: relative;
		cursor: pointer;
	}

	.et-l--header .mobile_menu > .et_pb_module > .et_pb_link .et_pb_link_inner,
	.et-l--header .mobile_menu > .et_pb_link .et_pb_link_inner {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		padding-inline-end: 1.5rem;
	}

	/* Chevron */
	.et-l--header .mobile_menu > .et_pb_module > .et_pb_link .et_pb_link_inner::after,
	.et-l--header .mobile_menu > .et_pb_link .et_pb_link_inner::after {
		content: "";
		position: absolute;
		inset-inline-end: 0;
		top: 50%;
		width: 0.5rem;
		height: 0.5rem;
		border-inline-end: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-60%) rotate(45deg);
		transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
		pointer-events: none;
	}

	.et-l--header .mobile_menu.is-open > .et_pb_module > .et_pb_link .et_pb_link_inner::after,
	.et-l--header .mobile_menu.is-open > .et_pb_link .et_pb_link_inner::after,
	.et-l--header .mobile_menu > .et_pb_module.is-open > .et_pb_link .et_pb_link_inner::after {
		transform: translateY(-30%) rotate(225deg);
	}

	.et-l--header .mobile_menu > .mobile_menu__panel,
	.et-l--header .mobile_menu > .et_pb_module > .mobile_menu__panel {
		display: flex !important;
		flex-direction: column;
		width: 100%;
		margin: 0 !important;
		padding-inline-start: 0;
		overflow: hidden;
		box-sizing: border-box;
		min-height: 0 !important;
	}

	/* Nested level weight */
	.et-l--header .mobile_menu .mobile_menu > .et_pb_module > .et_pb_link,
	.et-l--header .mobile_menu .mobile_menu > .et_pb_link {
		font-weight: 500;
	}

	/* Level 3 links: no chevron */
	.et-l--header .mobile_menu__panel > .et_pb_link .et_pb_link_inner::after,
	.et-l--header .mobile_menu__panel > .et_pb_module > .et_pb_link .et_pb_link_inner::after {
		content: none;
	}
}

@media (max-width: 980px) and (prefers-reduced-motion: reduce) {
	.et-l--header .mobile_menu > .et_pb_module > .et_pb_link .et_pb_link_inner::after,
	.et-l--header .mobile_menu > .et_pb_link .et_pb_link_inner::after {
		transition: none;
	}
}