/*
 * CFC header — submenu caret, desktop + mobile.
 * Scoped to .cfc-exact-header so it can't leak into any other menu
 * on the site. Covers WordPress's native class and the has-sub
 * convention from your other builds, so it applies automatically to
 * every current AND future item with a submenu — nothing hardcoded.
 */

.cfc-exact-header li.menu-item-has-children > a,
.cfc-exact-header li.has-sub > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.cfc-exact-header li.menu-item-has-children > a::after,
.cfc-exact-header li.has-sub > a::after {
	content: "";
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.25s ease;
}

/* Desktop: caret flips while the dropdown is open on hover */
@media (min-width: 1025px) {
	.cfc-exact-header li.menu-item-has-children:hover > a::after,
	.cfc-exact-header li.has-sub:hover > a::after {
		transform: rotate(-135deg);
	}
}

/* Bonus: if your mobile menu already toggles one of these classes
   when a branch expands, the caret flips to match for free */
.cfc-exact-header li.menu-item-has-children.active > a::after,
.cfc-exact-header li.has-sub.active > a::after,
.cfc-exact-header li.menu-item-has-children.is-open > a::after,
.cfc-exact-header li.has-sub.is-open > a::after {
	transform: rotate(-135deg);
}