/* Keep the RTL label and its section icon intact; the disclosure sits to their
   physical left. Support both exact-header and the live service-tree rebuild,
   whose briefcase and chevron SVGs share id-icon, before/without JS. */
#site-top nav[data-hero-nav-state] .public-nav-glass--desktop [data-public-nav-link-list] > .group > a {
	direction: ltr;
	flex-direction: row;
}

#site-top nav[data-hero-nav-state] .public-nav-glass--desktop [data-public-nav-link-list] > .group > a > :is(.ui-style-g, svg:has(> use[href$="#icon-chevron"]), .id-menu-chevron) {
	order: -1;
	flex: 0 0 16px;
	inline-size: 16px;
	block-size: 16px;
	color: var(--id-primary, #9f4d3e);
	opacity: 1;
	stroke-width: 2.4;
	filter: none;
	rotate: 0deg;
	transform: rotate(0deg);
	transform-origin: center;
	transition: transform 180ms ease, color 180ms ease;
}

#site-top nav[data-hero-nav-state] .public-nav-glass--desktop [data-public-nav-link-list] > .group[data-public-nav-open="true"] > a > :is(.ui-style-g, svg:has(> use[href$="#icon-chevron"]), .id-menu-chevron),
#site-top nav[data-hero-nav-state] .public-nav-glass--desktop [data-public-nav-link-list] > .group:not([data-public-nav-ready]):is(:hover, :focus-within) > a > :is(.ui-style-g, svg:has(> use[href$="#icon-chevron"]), .id-menu-chevron) {
	color: #3f8791;
	transform: rotate(180deg);
}

#site-top nav[data-hero-nav-state] .public-nav-glass--desktop [data-public-nav-link-list] > .group > a:focus-visible {
	outline: 2px solid var(--id-primary, #9f4d3e);
	outline-offset: 4px;
}

/* One state drives panel visibility and the arrow; legacy hover cannot reopen
   a dismissed panel while the pointer or focus remains on its trigger. */
#site-top .public-nav-glass--desktop [data-public-nav-ready] > .public-nav-popover[hidden] {
	display: none;
}

#site-top .public-nav-glass--desktop [data-public-nav-open="true"] > .public-nav-popover,
#site-top .public-nav-glass--desktop .group:not([data-public-nav-ready]):focus-within > .public-nav-popover {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

/* The mobile disclosure is already on the physical left of its RTL row. */
#site-top [data-public-mobile-group-button] > [data-public-mobile-group-icon] {
	color: var(--id-primary, #9f4d3e);
	stroke-width: 2.4;
	rotate: 0deg;
	transition: transform 180ms ease, color 180ms ease;
}

#site-top [data-public-mobile-group-button][aria-expanded="true"] > [data-public-mobile-group-icon] {
	color: #3f8791;
	transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
	#site-top nav[data-hero-nav-state] .public-nav-glass--desktop [data-public-nav-link-list] > .group > a > :is(.ui-style-g, svg:has(> use[href$="#icon-chevron"]), .id-menu-chevron),
	#site-top [data-public-mobile-group-button] > [data-public-mobile-group-icon] {
		transition: none;
	}
}
