/**
 * A11y fix — Priority #1: nav focus outlines suppressed.
 *
 * Ultimate Elementor's own CSS sets `outline:0` on nav links when focused
 * (confirmed in the actual loaded uael-frontend.min.css:
 * `.uael-has-submenu-container a.uael-menu-item:focus, ... {outline:0}`).
 * We can't edit that file directly, so this restores a visible indicator.
 *
 * Uses `revert` to fall back to the browser's own default focus ring
 * rather than a hand-picked color — the audit's own suggested remediation
 * explicitly allows this ("browser default outline is used"), and it
 * already meets WCAG's 3:1 non-text contrast requirement against this
 * site's light nav background without us having to verify a custom color
 * ourselves. `!important` isn't needed for precedence (the plugin's rule
 * isn't `!important`, so this already wins), it's just here so this rule
 * can't be casually overridden again by something loaded after it.
 *
 * :focus-visible (not plain :focus) so the ring only shows for keyboard
 * users, not on a mouse click — matches modern browser default behavior.
 *
 * Negative outline-offset keeps the ring INSIDE each link's own box.
 * Dropdown items are stacked flush against each other (just a 1px border
 * divider, no gap), so a positive/default offset pushes the ring outward
 * into the next item's area — its opaque background then paints over the
 * bottom of the ring, making it look clipped.
 *
 * The toggle chevron (<span class="uael-menu-toggle" tabindex="0"
 * role="button"><i class="fa"></i></span>) is excluded from that: it's a
 * small standalone icon, not a full-width stacked row, so there's nothing
 * for an outward ring to clip against — and pulling it inward on such a
 * small element shrinks the ring down to almost nothing, making it unclear
 * what's even focused.
 */
.uael-nav-menu a:focus-visible {
	outline: revert !important;
	outline-offset: -2px !important;
}

.uael-nav-menu .uael-menu-toggle:focus-visible {
	outline: revert !important;
	outline-offset: 2px !important;
}

/**
 * Consistency add-on (not part of the original audit finding): the site's
 * own CSS already changes a top-level link's text color on :focus/:hover/
 * current-page via `--e-global-color-secondary`, but that rule only
 * targets the `.uael-menu-item` class — dropdown links use a different
 * class (`.uael-sub-menu-item`) and never got the matching :focus color,
 * only :hover. Filling that gap so keyboard and mouse users see the same
 * feedback at every level of the nav.
 */
.uael-nav-menu .uael-sub-menu-item:focus {
	/* !important needed: the dropdown's own base (non-focus) text-color
	   rule chains more type selectors (e.g. `li a.uael-sub-menu-item`),
	   which out-specifies this despite targeting a more specific state. */
	color: var( --e-global-color-secondary ) !important;
}

/**
 * Follow-up audit round, Priority #1: the header's top utility bar (phone,
 * Shuttle, Weather & Traffic, Mountain Cam, Homeowner Login) is a different
 * widget entirely — Premium Addons' "Bullet List" (`premium-bullet-list-link`,
 * real <a> tags), not Ultimate Elementor's nav menu — so none of the rules
 * above reach it. Unlike the main nav, neither the plugin's own CSS nor its
 * cached per-post CSS (pafe-45.css) sets `outline:0` here at all — confirmed
 * directly, nothing was found — so these links already get the browser's
 * native focus-visible ring in principle.
 *
 * Each `<a>` here is `position:absolute; inset:0` over its own <li> (an
 * invisible full-cell click target, confirmed in pafe-45.css) — a positive
 * outline-offset pushes the ring outward past that box, into whatever is
 * clipping it there (not fully tracked down, but confirmed by testing: a
 * positive offset rendered nothing despite Computed showing a fully valid
 * outline-color/style/width, while a negative offset — pulling the ring
 * inward, same fix already used above for the stacked dropdown rows —
 * renders fine). No `!important` needed: confirmed nothing else sets
 * `outline` on this class at all, so there's no specificity fight here,
 * unlike the main nav rules above.
 */
.premium-bullet-list-link:focus-visible {
	outline: revert;
	outline-offset: -1px;
}