/*
 * Purpose: Force header dropdown lists LEFT-aligned (Resources ≡ Partner).
 *
 * Desktop responsive.css sets .nllm-header__nav ul { align-items:center }
 * for the top bar. Nested .nav-header (Get started / Guides) shrink-wrap
 * and sit centered in the min-width:12.5rem panel. This sheet loads after
 * responsive.css and wins with stretch + start.
 *
 * @regression nav-menu-left-align
 * [host:grok-cli:0.2.114][brain:xai:grok-4.6][via:direct:xai][hurc:v0.12.nav-dd-left]
 */

@media (min-width: 1024px) {
	/* @regression nav-menu-left-align */
	.nllm-header__nav .nav-item.parent > ul.mod-menu__sub,
	.nllm-header__nav .nav-item.parent > ul,
	.nllm-header__nav .nav-item.parent > ul ul {
		align-items: stretch !important;
		text-align: start !important;
		justify-content: flex-start;
	}

	.nllm-header__nav .nav-item.parent > ul a,
	.nllm-header__nav .nav-item.parent > ul .mod-menu__heading,
	.nllm-header__nav .nav-item.parent > ul .nav-header,
	.nllm-header__nav .nav-item.parent > ul .nav-item,
	.nllm-header__nav .nav-item.parent > ul li {
		text-align: start !important;
		justify-content: flex-start !important;
		width: 100%;
		box-sizing: border-box;
	}

	/* Category row keeps caret on the right; label stays left */
	.nllm-header__nav .mod-menu.nav > .nav-item.parent > ul > .nav-item.parent > .mod-menu__heading,
	.nllm-header__nav .mod-menu.nav > .nav-item.parent > ul > .nav-item.parent > .nav-header {
		justify-content: space-between !important;
		text-align: start !important;
	}
}